2015-12-28 113 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

相关问题