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);




版权声明:Autumn wind with deciduous leaves

JS DateRangePicker 默认值为空

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

使用jquery.daterange.js双日历控件时,daterangepicker初始化默认日期

1.首先原代码 var DateRangePicker = function (element, options, cb) {
  • sjhnanwang
  • sjhnanwang
  • 2014年07月10日 16:27
  • 40036

Daterangepicker 参数详解

Daterangepicker 参数详解
  • Webben
  • Webben
  • 2017年10月23日 15:26
  • 467

BootStrap dateRangePicker时间范围控件

 BootStrap dateRangePicker时间范围控件 1      安装引用 1.1    下载zip Github:https://github.com/da...
  • u010648190
  • u010648190
  • 2014年07月16日 15:19
  • 47522

DateRangePicker 中文化以及老版本的一些初始化问题,不能选择秒的问题

$('#headlineAddForm #rangeTime').daterangepicker({ timePicker : true, //是否显示小时和分钟 ti...
  • zero_295813128
  • zero_295813128
  • 2016年10月09日 14:53
  • 4343

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

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

bootstrap日期插件daterangepicker的使用

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

daterangepicker控件的使用

$(document).ready(function() {                var cb = function(start, end, label) {           //con...
  • zxf1242652895
  • zxf1242652895
  • 2017年02月14日 13:17
  • 4543

daterangepicker的使用以及后台处理

现在网上关于时间范围选择控件daterangepicker的用例较少,接下来我将为大家分享一下我在使用过程中遇到的问题以及如何解决的。 1.danterangepicker的汉化问题 local这个参...
  • digger_419
  • digger_419
  • 2017年03月17日 11:36
  • 769

Bootstrap-daterangepicker(时间范围选择器使用及汉化)

你需要引用如下Js文件且顺序不得有误,否则会报诸如$().moment()is not a function的错误,这就是JS文件加载顺序导致的,请不要作死。 /*bootstrap*/ 使用方法...
  • qq_16371909
  • qq_16371909
  • 2017年01月12日 20:33
  • 2688
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:daterangepicker 控件设置日期格式
举报原因:
原因补充:

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