2015-12-28 111 views
2

我有以下代碼:輸入不同的日期格式,日期選擇器

 <script type="text/javascript" language="javascript" src="~/Scripts/bootstrap-datepicker.min.js"></script> 
     <script type="text/javascript" language="javascript" src="~/Scripts/locales/bootstrap-datepicker.sv.min.js"></script> 
     <script type="text/javascript" language="javascript" src="~/Scripts/datareview.datatablestools.js"></script> 
     <script type="text/javascript"> 
      $('.hospital_datepicker_From').datepicker({ 
       format: "yyyy-mm-dd", 
       extraFormats: ["dd.mm.yy", "ddmmYYYY", "ddmmyy", "yyyymmdd"], 
       startDate: "2011-01-01", 
       language: "sv" 
      }); 

      $('.hospital_datepicker_To').datepicker({ 
       format: "yyyy-mm-dd", 
       extraFormats: ["dd.mm.yy", "ddmmYYYY", "ddmmyy","yyyymmdd"], 
       startDate: "2011-01-01", 
       language: "sv" 
      }); 

    updateMinToDate = function() { 

      var toDate = $('.hospital_datepicker_To').datepicker('getDate'); 
      var fromDate = $('.hospital_datepicker_From').datepicker('getDate'); 


      if (toDate < fromDate) { 
       $('.hospital_datepicker_To').datepicker('update', ''); 
      } 

      $('.hospital_datepicker_To').datepicker('setStartDate', fromDate); 
     }; 

     clearDatePopover = function() { 

      $("#toDate").popover("hide"); 
     } 

這裏是我的HTML:

<div class="input-group col-sm-3"> 
           <input type="text" id="fromDate" name="FromDate" onchange="updateMinToDate(); clearDatePopover();" class="form-control hospital_datepicker_From" autocomplete="off" placeholder="ÅÅÅÅ-MM-DD" value="@(Model.StatisticHospitalFilter.FromDate.HasValue ? Model.StatisticHospitalFilter.FromDate.Value.ToString("yyyy-MM-dd") : string.Empty)" required /> 
           <span class="input-group-addon">t.o.m.</span> 
           <input type="text" id="toDate" name="ToDate" class="form-control hospital_datepicker_To" autocomplete="off" onchange="clearDatePopover();"placeholder="ÅÅÅÅ-MM-DD" value="@(Model.StatisticHospitalFilter.ToDate.HasValue ? Model.StatisticHospitalFilter.ToDate.Value.ToString("yyyy-MM-dd") : string.Empty)" required /> 
          </div> 

我想允許輸入不同的格式在日期選擇器,但我可以不要讓它工作。

當我輸入日期格式爲yyyymmdd時,它只是選擇今天的日期,而不是我以上述格式輸入的日期。

如何允許輸入不同的日期格式?

+1

您是否曾經能夠獲得不同的日期格式? –

回答

-1

用datepicker bootstrap似乎不可能。輸入日期時,您必須在數字之間加上斜線。

datepicker如何使您的額外格式[「ddmmYYYY」,「ddmmyy」,「yyyymmdd」]和找到哪個數字是日,月或年?

但是這可能有幫助:http://bit.ly/1Zxstek

相關問題