Jquery Daterangepicker 日期格式答案

【问题标题】：Jquery Daterangepicker Date FormatJquery Daterangepicker 日期格式
【发布时间】：2015-12-02 02:47:57
【问题描述】：

我有一个日期范围选择器，代码如下。

我想更改日期的格式，但它不起作用。文本框中的日期仍然是 mm/dd/yyyyy 格式。

$(document).ready(function () {
    $('.datep').daterangepicker({
        dateFormat: 'yy-mm-dd',
        singleDatePicker: false,
        calender_style: "picker_1",
    }, function (start, end, label) {
        $.ajax({
            url : "{!! action('OrderController@orderlistdata') !!}",
            data : "stardate="+start.toISOString()+"&enddate="+end.toISOString()
        }).done(function(result){
            $("#tbody").html(result);
            oTable.reload();
        });
    });
});

我是否输入了错误的代码？

【问题讨论】：

标签： javascript jquery date datepicker daterangepicker

【解决方案1】：

查看daterangepicker.com，似乎option locale 将适用于此，因为没有 dateFormat 选项...例如：

$('.datep').daterangepicker(
{
    locale: {
      format: 'YY-MM-DD'
    },
    singleDatePicker: false,
    //... other options...
})

请看下面的演示。

$(document).ready(function() {
  $('.datep').daterangepicker({
    locale: {
      format: 'YY-MM-DD'
    },
    singleDatePicker: false,
    calender_style: "picker_1",
  }, function(start, end, label) {
    console.log('start: ', start, 'end: ', end, 'label: ', label);
  });
});

<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />

<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />Date:
<input class="datep" />

【讨论】：