jQuery几种日期,时间选择插件.-创新互联

一.使用bootstrap主题的jQuery日期选择插件

你所需要的网站建设服务,我们均能行业靠前的水平为你提供.标准是产品质量的保证,主要从事做网站、成都网站建设、企业网站建设、手机网站制作、网页设计、品牌网站设计、网页制作、做网站、建网站。创新互联拥有实力坚强的技术研发团队及素养的视觉设计专才。

bootstrap-datepicker.js

二.jQuery UI jQuery日期选择插件

datepicker,集成在jquery-ui.js内.

http://api.jqueryui.com/datepicker/

三.扩展了jQuery的datepicker插件,可以选择时间

jquery-ui-timepicker-addon.js

要先导入jquery-ui.js

https://github.com/trentrichardson/jQuery-Timepicker-Addon

jQuery 几种日期,时间选择插件.

四.jquery-ui-timepicker-addon 用法

html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" href="/static/app1/css/jquery-ui.css" rel="stylesheet"/>
    <link type="text/css" href="/static/app1/css/jquery-ui-timepicker-addon.css" rel="stylesheet"/>
    <script src="/static/app1/js/jquery-3.1.0.js">script>
    <script type="text/javascript" src="/static/app1/js/jquery-ui.js">script>
    <script type="text/javascript" src="/static/app1/js/jquery-ui-timepicker-addon.js">script>
    <script type="text/javascript" src="/static/app1/js/jquery-ui-timepicker-zh-CN.js">script>
head>

<body>

<form>
    <input title="你好" id="timepicker" value="点击弹出选择框">
form>

<script>

    var conf = {
        //buttonImageOnly: true,
        changeYeartrue,
        changeMonthtrue,
        selectOtherMonthsfalse,
        showSecondfalse,
        dateFormat'yy-mm-dd',
        timeFormat'HH:mm:ss',
        stepHour: 1,
        stepMinute: 1,
        hourMax: 20,
        hourMin: 9

    };
    $('#timepicker').datetimepicker(conf);

script>
body>
html>

jquery-ui-timepicker-zh-CN.js 汉化新加了monthNamesShort和monthNames,

(function($) {
   $.timepicker.regional['zh-CN'] = {
      timeOnlyTitle'选择时间',
      timeText'时间',
      hourText'小时',
      minuteText'分钟',
      secondText'秒钟',
      millisecText'毫秒',
      microsecText'微秒',
      timezoneText'时区',
      currentText'现在时间',
      closeText'确认',
      timeFormat'HH:mm',
      timeSuffix'',
      amNames: ['AM''A'],
      pmNames: ['PM''P'],
      isRTLfalse,
      monthNamesShort: [ "01""02""03""04""05""06""07""08""09""10""11""12"],
        monthNames: [ "01""02""03""04""05""06""07""08""09""10""11""12"]
   };
   $.timepicker.setDefaults($.timepicker.regional['zh-CN']);
})(jQuery);

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站栏目:jQuery几种日期,时间选择插件.-创新互联
分享链接:http://pwwzsj.com/article/djpcjh.html