亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Daterangepicker 默認日期不起作用

Daterangepicker 默認日期不起作用

慕姐8265434 2022-07-21 10:22:00
我正在使用Daterangepicker。我正在從后端獲取開始和結束日期,它采用字符串格式。例如(2020-02-22)。但是當我將這些日期作為默認值傳遞時,它不起作用。我的代碼:HTML<input name="daterange_x" type="text" class="form-control">JSvar start_date = moment('2020-04-29').format('YYYY-MM-DD');var end_date = moment('2020-05-05').format('YYYY-MM-DD');$('input[name="daterange_x"]').daterangepicker({    opens: 'right',    minDate:new Date(),    startDate: start_date,    endDate: end_date,}, function(start, end, label) {    start_date = start.format('YYYY-MM-DD')    end_date = end.format('YYYY-MM-DD')    $('#id_start_date').val(start_date);    $('#id_end_date').val(end_date);});https://jsfiddle.net/rmtest/d28g130q/3/
查看完整描述

1 回答

?
翻閱古今

TA貢獻1780條經驗 獲得超5個贊

您可以通過locale將 daterangepicker 的選項設置為 來解決此問題'YYYY-MM-DD',該格式與您在獲取start_date&時使用的格式相同end_date:


var start_date = moment('2020-04-29').format('YYYY-MM-DD');

var end_date = moment('2020-05-05').format('YYYY-MM-DD');


$('input[name="daterange_x"]').daterangepicker({

  opens: 'right',

  minDate: new Date(),

  startDate: start_date,

  endDate: end_date,

  locale: {

    format: 'YYYY-MM-DD'

  }

}, function(start, end, label) {

  start_date = start.format('YYYY-MM-DD')

  end_date = end.format('YYYY-MM-DD')

  $('#id_start_date').val(start_date);

  $('#id_end_date').val(end_date);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css">

<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

<input name="daterange_x" type="text" class="form-control">


查看完整回答
反對 回復 2022-07-21
  • 1 回答
  • 0 關注
  • 471 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號