jquery datetimepicker日期时间控件

简介: (function($) { $(function() { $.datepicker.

<script type="text/javascript" src="/static/scripts/jquery/jquery-1.7.1.js"></script>
<script src="/static/scripts/datetime/jquery-ui-1.12.1/jquery-ui.min.js"></script>
<link href="/static/scripts/datetime/jquery-ui-1.12.1/jquery-ui.min.css" rel="stylesheet" />
<script src="/static/scripts/datetime/jQuery-Timepicker/dist/jquery-ui-timepicker-addon.min.js"></script>
<script type="text/javascript" src="/static/scripts/datetime/jQuery-Timepicker/dist/i18n/jquery-ui-timepicker-zh-CN.js"></script>
<link href="/static/scripts/datetime/jQuery-Timepicker/dist/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />
<script type="text/javascript">
(function($) {

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

            });

            $(function() {
                $.datepicker.setDefaults($.datepicker.regional['zh-CN']);

                $("#kssj").datetimepicker();
                $("#jssj").datetimepicker();
            });


        }(jQuery));
    </script>
目录
相关文章
|
JavaScript 机器学习/深度学习 UED
jQuery weui时间选择器datetimepicker只要年月日解决方案
只想选择年月日,jquery-weui建议使用日历但实际的需求如果选择生日等等,日历选择的用户体验很不好,所以进行源码修改,看下面颜色标注。 HTML部分 下面是JS部分 $("#birth").
4923 0
|
7月前
|
JavaScript 前端开发
JQuery显示和隐藏控件
JQuery显示和隐藏控件
36 0
|
JavaScript
jquery datetimepicker 配置参数
jquery datetimepicker 配置参数
363 0
|
JavaScript
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
207 0
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
|
JavaScript
jQuery农历黄历日期表
在线演示 本地下载
1223 0
|
JavaScript
jQuery UI 自定义样式的日历控件
在线演示 本地下载
1259 0
|
JavaScript 前端开发
Jquery 动态追加控件并获取值
  先展示通过动态添加控件的结果:     实现步骤: 1.引用js文件 2.引用BootStrap(纯属为了控件好看) 3.画一个Table控件用于存放按钮 控件    ...
1221 0