注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery日期选择插件jalendar2

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-09-26
jQuery日期选择插件jalendar2
jQuery日期选择插件jalendar2共有4款基于jalendar插件实现的日期时间选择代码。


js代码

<script src="js/highlight.pack.js"></script>
<script src="js/documentation.js"></script>

<script type="text/javascript">
$(function () {

    $('#yourId').jalendar({
        customDay: '11/01/2017',
        color: '#577e9a', // Unlimited Colors
        color2: '#57c8bf', // Unlimited Colors
        lang: 'TR'
    });

    $('#yourId2').jalendar({
        color: '#fff',
        type: 'linker',
        customUrl: 'https://www.lanrenym.cn/?var=',
        dateType: 'mm-dd-yyyy',
        titleColor: '#333',
        weekColor: '#EA5C49',
        todayColor: '#EA5C49'
    });

    $('#yourId3').jalendar({
        type: 'selector',
        dateType: 'yyyy-mm-dd',
        done: function() {
            alert( $('#yourId3 input.data1').val() );
        }
    });

    $('#yourId4').jalendar({
        customDay: '04/03/2017',
        color: '#52D3D5',
        color2: '#52D5A4',
        type: 'range',
        lang: 'TR',
        done: function() {
            alert( $('#yourId4 input.data1').val() + ' / ' + $('#yourId4 input.data2').val() );
        }
    });
});
</script>