Jquery Daterangepicker日期格式

Jquery Daterangepicker Date Format

本文关键字：格式 日期 Daterangepicker Jquery      更新时间：2023-09-26

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

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

$(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();
        });
    });
});

我打错代码了吗？

查看daterangepicker.com，选项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" />

相关文章：