jQuery公历农历插件xp

所属分类:输入-日期和时间

 26026  291  查看评论 (19)
分享到微信朋友圈
X
jQuery公历农历插件xp ie兼容9

更新时间:2018/6/27 下午8:39:38

更新说明:本次更新主要解决了同一个页面,有多个公历农历输入框的问题。一个页面可以有多个了,互相不干扰。这是网友隔壁老王提出的问题,在此表示感谢


更新时间:2017/12/6 下午4:15:20

更新说明:将内部调用的函数变成了私有函数


更新时间:2017/12/3 上午9:40:19

更新说明:修改了在选择公历日的时候,农历不联动的bug


xp 公历农历选择插件说明

1.先引入jquery,再引入本插件

<script src="jquery.js"></script>
<script src="jquery-solarlunar-xp1.0.js"></script>

2.调用:

<script>
    $("你的input元素").solarlunar();
</script>

3.可配置项:

$("你的input元素").solarlunar({
    linkage: true, //是否在选公历(农历)时,农历(公历)联动变化。
    minyear: 1892, //最小年
    maxyear: 2100, //最大年 本插件年份支持极值为(1892-2100)
    type: "lunar", //初始显示公历还是农历。(solar公历,lunar农历)
    year: 2018, //初始显示的公历年份
    month: 1, //初始显示的公历月份
    day: 1, //初始显示的公历日
    lyear: 2017, //初始显示的农历年份
    lmonth: 12, //初始显示的农历月份
    lday: 15 //初始显示的农历日
});
相关插件-日期和时间

Jquery滑动日期输入控件

Jquery滑动日期输入控件,手机使用效果最佳
  日期和时间
 38743  356

简易日期时间插件jQuery Timepicker v1.6.3版

一款汉化后的时间日期插件,可以根据需求自我调整样式
  日期和时间
 37587  339

mobiscroll2.13.2手机滑动选择日期时间插件(带星期)

根据mobiscroll2.13.2手机滑动选择日期时间插件(带星期)修改的插件,nowText:
  日期和时间
 60333  468

jquery仿腾讯QQ空间时光轴静态页面

仿腾讯QQ空间时光轴静态页面
  日期和时间
 28327  370

讨论这个项目(19)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    | Bin ' 0
    2022/2/18 9:19:04
    活在尘世中 0
    2021/9/11 10:22:22
    能不能把样式做好看点
        | Bin '0
        2022/2/18 9:45:04
        可以分享给我下吗
    回复
    梦在心中 0
    2020/1/9 15:52:48
    能不能在农历上加入干支纪年?
        caoxp800
        2020/1/15 15:26:09
        可以哈,加上干支并不复杂。这需要vip付费服务。请转转账到我的支付宝,就给你加上干支纪年。
    回复
    ?只侑你 0
    2019/11/7 20:53:05
    能不能年限调大点?
        西瓜0
        2019/11/8 1:45:24
        当然可以,jquery-solarlunar-xp1.0.js第715行修改maxyear: 2035,
        caoxp800
        2020/1/15 15:27:26
        西瓜兄弟很不错哦,对我的代码深入研究过了呢
    回复
    ?只侑你 0
    2019/11/7 20:27:47
    页面载入时没有今天的日期
        西瓜0
        2019/11/8 1:47:02

        基实答案,下面留言坐作者已经回答了,修改以下参数中值为自动获取即可。

        /*******6.默认参数*******/
        $.fn.solarlunar.default = {
            linkage: true, //是否在选公历(农历)时,农历(公历)联动变化。
            minyear: 1950,
            maxyear: 2035,
            type: "lunar",
            year: 2019,
            month: 1,
            day: 1,
            lyear: 2017,
            lmonth: 12,
            lday: 15
        };
        ?只侑你0
        2019/11/9 19:44:23
        我公历获取当前日期好了,但我农历也要能自动或者也能获取当前农历,不知道那个函数了,请指教下!
    回复
    尘轩 0
    2019/8/30 15:13:57
    你好我这用着不好用啊 需要怎么操作啊 回复
    红尘浊酒醉 0
    2019/1/19 15:25:16
    作者你好
    发现了一个小小的问题,农历选到最大值的时候,再点击回到公历,年份 select 就会为空
        caoxp800
        2019/4/24 16:05:54
        已修改
    回复
    领航美工-王勋 0
    2018/8/6 10:52:50
    最好有能设置时间的
        caoxp801
        2018/8/6 12:08:59
        $("你的input元素").solarlunar({
            linkage: true, //是否在选公历(农历)时,农历(公历)联动变化。
            minyear: 1892, //最小年
            maxyear: 2100, //最大年 本插件年份支持极值为(1892-2100)
            type: "lunar", //初始显示公历还是农历。(solar公历,lunar农历)
            year: 2018, //初始显示的公历年份
            month: 1, //初始显示的公历月份
            day: 1, //初始显示的公历日
            lyear: 2017, //初始显示的农历年份
            lmonth: 12, //初始显示的农历月份
            lday: 15 //初始显示的农历日
        });

        配置项里可以设置初始时间。如果你说的不是指这里,那你说的设置时间是指哪里设置时间?

    回复
    ?隔壁老王? 0
    2018/4/23 11:36:51
    怎么解决一个页面多次调用的问题》???????
        caoxp800
        2018/6/26 17:46:22
        最近都没有空。明天有空来解决
        caoxp800
        2018/6/28 10:22:04
        版本已更新。一个页面可以多次调用了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复