jqueryDateTimePicker
jqueryDateTimePicker
huiyingzzx1018 发表于1年前
jqueryDateTimePicker
  • 发表于 1年前
  • 阅读 7
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 时间选择器

在很多页面上,都可能会需要用到时间,这时候,我们并不希望继续使用输入框<input>这样来实现。这时候,你就需要时间控件了。

 

本次使用的控件是jQuery的时间控件,jqueryDateTimePicker。

1.插件准备

2.中文设定

插件原始为英文,要做成中文版,需要进行一些改动。

<script type="text/javascript">
$(function(){
$.datepicker.regional['zh-CN'] = {
        closeText: '关闭',
        prevText: '&#x3C;上月',
        nextText: '&#x3E;下月',
        currentText: '今天',
        monthNames: ['一月','二月','三月','四月','五月','六月',
        '七月','八月','九月','十月','十一月','十二月'],
        monthNamesShort: ['一月','二月','三月','四月','五月','六月',
        '七月','八月','九月','十月','十一月','十二月'],
        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
        dayNamesMin: ['日','一','二','三','四','五','六'],
        weekHeader: '周',
        dateFormat: 'yy-mm-dd',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: true,
        yearSuffix: '年'};
    $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
});
</script>

3.表单元素与该插件进行绑定

$("#beginTime").datetimepicker();

4.效果图

共有 人打赏支持
粉丝 3
博文 2
码字总数 564
×
huiyingzzx1018
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: