jQuery手机移动端农历公历日期时间选择代码.zip资源-CSDN文库

共5个文件

js：3个

html：1个

css：1个

版权申诉

jquery

jquery代码

jquery特效

jquery插件

jquery实例

33 浏览量 2023-09-21 00:26:36 上传评论收藏 48KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery手机移动端农历公历日期时间选择代码.zip （5个子文件）

rui_date.js 85KB

chooseDate.js 10KB

jquery.min.js 84KB

css

rui_date.css 5KB

index.html 3KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery手机移动端农历公历日期时间选择代码</title> <link rel="stylesheet" href="css/rui_date.css"> <script src="js/jquery.min.js"></script> <script src="js/chooseDate.js"></script> <script src="js/rui_date.js"></script> <style> .demoInput{ width: 100%; max-width: 300px; height: 50px; border:1px solid #ccc; text-align: center; border-radius: 5px; padding:5px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; } </style> </head> <body>  <div class="date_input"> <p>不带时辰</p>  <input id="demo1" class="demoInput" type="text" data-toid-date="date" name="input_date" placeholder="日期选择不带时辰" data-type="1" data-date="1983-6-3" /></input> <input type="hidden" id="date" name="date"> </div> <div class="date_input"> <p>带时辰</p>  <input id="demo2" class="demoInput" type="text" data-toid-date="date1" data-toid-hour="hour1" name="input_date" placeholder="日期选择带时辰" readonly="readonly" /> <input type="hidden" id="date1" name="date"> <input type="hidden" id="hour1" name="hour"> </div> <div class="desc"></div> <script> /* 公农历选择切换插件 */ var pcx = pcx || {}; pcx.dc = new Lunar(); // 天干地支年份计算 var date1 = new ruiDatepicker().init('#demo1'); var date2 = new ruiDatepicker().init('#demo2'); // 可通过下面的说明自行添加多几个年份，BaseKanChih 这个没找到很好的计算方式，我都不随便写，没用到所以不影响 function tagLunarCal(d, i, w, k, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13) { this.BaseDays = d; /* 1 月 1 日到正月初一的累计日 */ this.Intercalation = i; /* 闰月月份. 0==此年沒有闰月 */ this.BaseWeekday = w; /* 此年 1 月 1 日为星期减 1 */ this.BaseKanChih = k; /* 此年 1 月 1 日之干支序号减 1 */ this.MonthDays = [m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13]; /* 此农历年每月之大小, 0==小月(29日), 1==大月(30日) */ } /* new tagLunarCal( 24, 4, 2, 38, 0, 1, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ), new tagLunarCal( 42, 0, 4, 44, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0, 1 ), new tagLunarCal( 31, 0, 5, 49, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0 ) */ </script> </body> </html>

评论收藏

内容反馈

版权申诉