具有日期格式的预定义日期范围选择器

Question

我从www.daterangepicker.com修改了Predefined Ranges的例子我试着用 mySQL 派生的日期来替换示例中的默认值。但它不起作用。它一直说 'Invalid date' 甚至来自网上的其他 post 说我可以使用 PHP.

的日期格式

脚本

$(function(){
    if($('#rentalDate').length){
        var start=$('#rent_from').val();
        var end=$('#rent_to').val();
    }else{
        var start = moment();
        var end = moment().add(+3,'M');
    }
    console.log(start+'/'+end);
    function cb(start, end) {
        $('#rental-range span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        $('#rentalDate').val(start.format('Y-mm-d') + ',' + end.format('Y-mm-d'));
    }

    $('#rental-range').daterangepicker({
        "autoApply": true,
        startDate: start,
        endDate: end,
    }, cb);

    cb(start, end);

});

这是 fiddle : http://jsfiddle.net/cuxm50k2/1/

Answer 1

如果您要使用不同于默认 MM/DD/YYYY 的日期格式，您需要在选项中指定。

已更新 fiddle：http://jsfiddle.net/cuxm50k2/2/

更新选项：

$('#rental-range').daterangepicker({
  autoApply: true,
  startDate: start,
  endDate: end,
  locale: {
    format: 'YYYY/MM/DD'
  }
}, cb);

具有日期格式的预定义日期范围选择器

Predefined daterangepicker with date format

daterangepicker