文档章节

jqueryDateTimePicker

h
 huiyingzzx1018
发布于 2016/06/28 15:34
字数 257
阅读 10
收藏 0

在很多页面上,都可能会需要用到时间,这时候,我们并不希望继续使用输入框<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.效果图

© 著作权归作者所有

共有 人打赏支持
h
粉丝 2
博文 2
码字总数 564
作品 0
苏州
私信 提问

暂无文章

nignx的部署安装和反向代理

3、安装Nginx #yum update 更新一些库和必要的支持,完了之后去下载一个nginx的最新版,如今我责编的版本是1.7.7: #wget http://nginx.org/download/nginx-1.13.6.tar.gz 解压缩 #tar -zvxf n...

wangxujun59
21分钟前
2
0
将博客搬至CSDN

搬家

JackChenzp
26分钟前
2
0
lamba表达式

Java 8 lambda表达式示例 我个人对Java 8发布非常激动,尤其是lambda表达式和流API。越来越多的了解它们,我能写出更干净的代码。虽然一开始并不是这样。第一次看到用lambda表达式写出来的J...

os1cheng
27分钟前
2
0
jenkins: Opening Robot Framework log failed

6down vote Answer is explained at Jenkins issue tracking system: https://issues.jenkins-ci.org/browse/JENKINS-32118 For resolve your problem you must : Connect on your jenkins u......

关上越
36分钟前
1
0
CentOS7 ab压力测试安装与解释

原 CentOS7 ab压力测试安装与解释 2017年11月10日 18:43:25 moTzxx 阅读数:4889更多 个人分类: Centos7 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u0...

linjin200
38分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部