2017-03-10 70 views
0

我面臨一個問題,我想更改日期格式日期範圍選取器,我試圖修復所有格式,並且它可以工作,但留下的唯一問題是當您打開日期範圍窗口並關閉它無需點擊應用取消按鈕,它會自動改變用/分隔格式的日期,有沒有什麼辦法來設置此相同的格式一樣YYYY-MM-DD更改日期範圍選擇器的格式

這裏是我的js代碼

$(function() { 
    var start = moment().subtract(29, 'days'); 
    var end = moment(); 
    function cb(start, end) { 
     $('input[name="datefilter"]').val(start.format('YYYY-MM-DD') + ' TO ' + end.format('YYYY-MM-DD')); 
    } 

    $('input[name="datefilter"]').daterangepicker({ 
     startDate: start, 
     endDate: end, 
     ranges: { 
      'Today': [moment(), moment()], 
      'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 
      'Last 7 Days': [moment().subtract(6, 'days'), moment()], 
      'Last 30 Days': [moment().subtract(29, 'days'), moment()], 
      'This Month': [moment().startOf('month'), moment().endOf('month')], 
      'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] 
     } 
    }, cb); 

    cb(start, end); 

}); 
    $('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) { 
     $(this).val(picker.startDate.format('YYYY-MM-DD') + ' TO ' + picker.endDate.format('YYYY-MM-DD')); 
    }); 
    $('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) { 
     $(this).val(start.format('YYYY-MM-DD') + ' TO ' + end.format('YYYY-MM-DD')); 
    }); 
+0

你有沒有tryed添加 - > DATEFORMAT:「YY-MM- dd'? –

+0

是的,我嘗試了所有的方式 – Rtra

+0

看看這個http://api.jqueryui.com/datepicker/#utility-formatDate,可能會幫助 –

回答

1

嘗試:

$('input[name="datefilter"]').daterangepicker({ 
    startDate: start, 
    locale: { 
     format: 'YYYY-MM-DD' // --------Here 
    }, 
    endDate: end, 
    ranges: { 
     'Today': [moment(), moment()], 
     'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 
     'Last 7 Days': [moment().subtract(6, 'days'), moment()], 
     'Last 30 Days': [moment().subtract(29, 'days'), moment()], 
     'This Month': [moment().startOf('month'), moment().endOf('month')], 
     'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] 
    } 
}, cb); 
+0

工作的感謝,但我想在兩個日期之間放置例如** 2017-03-01 TO 2017-03-10 **而不是** 2017-03-01 - 2017-03-10 ** – Rtra

+0

我通過添加**分隔符來修復它:'TO'** – Rtra

0
var mystring = "2017/03/10"; 
var res = mystring.replace(/\\//g , "-"); 

輸出:

2017年3月10日

0
$('input[name="datefilter"]').daterangepicker({ 
    locale: { 
     format: 'YYYY-MM-DD' 
    } 
    ...