jquery ui 日期控件中文

本文详细介绍了如何使用jQuery UI日期控件进行配置,并实现中文国际化。包括日期控件的参数设置、本地化资源文件引入及日期格式化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<link href="js/css/start/jquery-ui-1.10.1.custom.css" rel="stylesheet"></link> 
<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.10.1.js"></script> 
<script type="text/javascript" src="js/jquery.ui.datepicker-zh-CN.js"></script> 
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script> 

<script type="text/javascript" src="js/jquery-ui-sliderAccess.js"></script>  

<script type="text/javascript" src="js/jquery-ui-timepicker-zh-TW.js"></script>   
<link rel="stylesheet" href="js/css/jquery-ui-timepicker-addon.css" type="text/css"> 
jquery.ui.datepicker-zh-CN.js为日期控件国际化中文资源文件 
1.设置对应的日期控件相关参数 
$( "#startDatepicker" ).datetimepicker({ 
      changeYear: true, 
      regional:"zh-CN", 
      dateFormat:"yy-mm-dd", 
      timeFormat: "HH:mm:ss" 
}); 

Query(function($) {
    $.datepicker.regional['zh-CN'] = {
        clearText: '清除',
        clearStatus: '清除已选日期',
        closeText: '关闭',
        closeStatus: '不改变当前选择',
        prevText: '<上月',
        prevStatus: '显示上月',
        prevBigText: '<<',
        prevBigStatus: '显示上一年',
        nextText: '下月>',
        nextStatus: '显示下月',
        nextBigText: '>>',
        nextBigStatus: '显示下一年',
        currentText: '今天',
        currentStatus: '显示本月',
        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
        monthNamesShort: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],
        monthStatus: '选择月份',
        yearStatus: '选择年份',
        weekHeader: '周',
        weekStatus: '年内周次',
        dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
        dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
        dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
        dayStatus: '设置 DD 为一周起始',
        dateStatus: '选择 m月 d日, DD',
        dateFormat: 'yy-mm-dd',
        firstDay: 1,
        initStatus: '请选择日期',
        isRTL: false
    };
    $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
});

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值