daterangepicker 控件设置日期格式

原创 2017年01月03日 12:15:47


<div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">计划结束时间  </label>
                         <div class="col-md-6 col-sm-6 col-xs-12">
                          <input id="scheduledEndTime" name="scheduledEndTime" class="date-picker form-control col-md-7 col-xs-12" type="text">
                        </div>
                      </div>
 var cb = function(start, end, label) {
              $('#scheduledEndTime span').html(start.format('YYYY-MM-DD HH:mm:ss'));
           };

          var optionSet1 = {
            startDate: moment(),
           
            showDropdowns: false,
            showWeekNumbers: false,
            timePicker: true,
            timePickerIncrement: 1,
            singleDatePicker: true,
            timePicker24Hour: true,
            locale: {
          		 format: 'YYYY-MM-DD HH:mm:ss',
          		  daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                  monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
       			 },
         
            opens: 'left',
            buttonClasses: ['btn btn-default'],
            applyClass: 'btn-small btn-primary',
            cancelClass: 'btn-small',
            format: 'YYYY-MM-DD HH:mm:ss',
              
          };
           
         $('#scheduledEndTime').daterangepicker(optionSet1, cb);




版权声明:本文为博主原创文章,未经博主允许不得转载。

BootStrap dateRangePicker时间范围控件

 BootStrap dateRangePicker时间范围控件 1      安装引用 1.1    下载zip Github:https://github.com/da...

bootstrap之双日历时间段选择控件—daterangepicker(汉化版)

双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自定义时间段,由用户自己选择起始时间和终止时间,时间段的最大跨度可以在...

daterangepicker 时间区间选择

var table; $(function () { table = $('#example').DataTable({ "ajax": { ...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

JS DateRangePicker 默认值为空

DateRangePicker是一款时间范围选择器,界面良好,非常适合短时间范围选择的插件,具体源码可以在http://www.daterangepicker.com/找到 ,但是目前使用中,感觉功能...

bootstrap日期插件daterangepicker的使用

今天用的了bootstrap日期插件感觉搜索的资料不是很多在此写下一些使用的心得: 插件开源地址:daterangepicker日期控件, 插件使用只要按照开源中的文档信息来就好先包括以下引用: ...

daterangepicker bootstarp 日期范围选择控件使用注意事项

bug1老版本1.3.21 里面 timePicker: true, 不配置的话. ranges: { '清空': [null, null], ...
  • phker
  • phker
  • 2016年08月01日 11:07
  • 4231

bootstarp daterangepicker 清空日期,汉化,非常简单.

bootstarp daterangepicker 是非常不错的日期范围选择控件. 作为查询条件非常不错. 但是却默认没有带清空功能. 经过小小的研究, 竟然解决了....
  • phker
  • phker
  • 2016年07月30日 11:34
  • 5000

修复bootstrap daterangepicker不能清空日期的问题

最近项目中使用了一个基于Bootstrap的daterangepicker控件。 1.点击页面其他空白的地方,会把之前在日历上选中的日期选择上。 具体描述: 1.点击打开日期选择框 2.选择一...
  • ynwso
  • ynwso
  • 2016年03月19日 22:01
  • 8988

daterangepicker控件的使用

$(document).ready(function() {                var cb = function(start, end, label) {           //con...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:daterangepicker 控件设置日期格式
举报原因:
原因补充:

(最多只允许输入30个字)