daterangepicker 控件设置日期格式

蔚落 2021-10-08 05:42 685阅读 0赞

![Center][]

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

[Center]: /images/20211008/6e122659e1de4ef0bce1a6b28ff6b615.png

发表评论取消回复

表情：

评论列表（有 0 条评论，685人围观）

还没有评论，来说两句吧...

相关阅读

相关 DateTimePicker 控件的格式设置

DateTimePicker 控件的格式设置 CustomFormat属性设置： yyyy-MM-dd HH:mm:ss 月大写M,分钟小写m,小时H代表24小时计算...

以你之姓@/ 2024年05月02日 20:20/ 0 赞/ 69 阅读

相关日期控件

<table id="epoch\_popup\_calendar" class="calendar" classname="calendar" style="position

系统管理员/ 2022年08月12日 12:28/ 0 赞/ 330 阅读

相关 bootstrap-daterangepicker 双日历控件

[bootstrap-daterangepicker点击下载][bootstrap-daterangepicker] 需要bootstrap跟jquery的支持。实例

古城微笑少年丶/ 2022年06月15日 11:20/ 0 赞/ 302 阅读

相关日期控件设置默认值

![70][] // 初始化日期 function getInitMonth(flag){ var date = new Date();

柔情只为你懂/ 2022年05月14日 06:20/ 0 赞/ 247 阅读

相关 daterangepicker 初始化日期设置

$('scheduledEndTime').daterangepicker({ showDropdow

小灰灰/ 2021年10月08日 07:24/ 0 赞/ 618 阅读

相关时间控件daterangepicker 小bug 修复

BUG ① 描述：时间控件在选中时间后未点击确定或者取消而是点击了空白部分，按理说这应该默认为取消然而实际是确认在国外是很正常的但这不符合中国习惯如图：![

Dear 丶/ 2021年10月08日 07:06/ 0 赞/ 393 阅读

相关 daterangepicker控件的使用

![Center][] <div class="x_panel1">

港控/mmm°/ 2021年10月08日 05:46/ 0 赞/ 548 阅读

相关 daterangepicker 控件设置日期格式

![Center][] <div class="form-group"> <label class=

蔚落/ 2021年10月08日 05:42/ 0 赞/ 686 阅读

相关 iview - 日期选择控件datePicker格式

前言 iview日期选择控件少一天问题在时间控件中明明选择的是`2019-05-21`,但是当通过vue的调试器查看的时候，竟然是这样的

缺乏、安全感/ 2021年09月19日 12:58/ 0 赞/ 853 阅读

相关 iview日期控件，双向绑定日期格式

日期在双向绑定之后格式为：2017-07-03T16:00:00.000Z 想要的格式为2017-07-04 调了好久，几乎一天：用一句话搞定了 @on-change

比眉伴天荒/ 2021年07月26日 20:28/ 0 赞/ 438 阅读