为什么bootstarop日历不会更改日历框上的日期

我有一个引导日期选择器，我调用一个函数来更改输入和日历框的日期，输入更改框不是，当它丢失时将输入更改集中到（错误的）日历日期。我需要知道如何动态地更改这两个日历框和日历输入 //的Html为什么bootstarop日历不会更改日历框上的日期

<div id="positionHelper"> 
    <a id="anotherDatelink" style="float:left" class="pull-left" href="#" onclick="reset()">resetsate</a> 
    <div id="container" style="padding-left:120px"> 
     <div class="input-group date" data-provide="datepicker"> 
      <input type="text" class="form-control @semanticClass" 
      name="@Model.Name" id="@Model.Id" title="@Model.Name" value="@val"> 
      <div class="input-group-addon"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </div> 
     </div> 
    </div> 
</div>

// JS

function reset() { 
       var today = getToday(); 
//works and changes the input line 


    $("#container").find("input").val(today); 


**nothing here worked.**    

// $('.datepicker-days').datepicker('setDate', null);-this class is from bootstrap 
      // $("#container").datepicker('setDate', null); 
      // $('#container').data('datepicker').setDate(null);             
      //$('#container').datepicker('setDate', new Date(2019, 11, 24)); 
      //$('#container').datepicker('update'); 
      // $('#container').val(''); 
      // $("#container").click(function(){ $(this).datepicker("setDate", today)}); 
      //$('container').data("DateTimePicker").date("08/08/2019"); 
      // $(".datepicker").datepicker("update", "08/08/2019"); 
      // $("#container").datepicker("setDate", new Date());   
      //   $("#container").datepicker() 
      // .on("changeDate", function (e) { 
     //  alert(e); 
      // }); 
     //

//我加了图片显示的差异 - 日历盒（ 15/06/2017应该是 - > 25/05/2017）

来源

2017-05-25 Damkulul

嘿这里有一个例子，你如何能做到这 ^ h TML：

<div class="col-md-4"> 
    <div class="panel panel-default text-center"> 
     <div class="panel-heading"> 
      <h3 class="panel-title">Select time</h3> 
     </div> 
     <div class="input-group date" id="datetimestart">           
      <div class="input-group-addon"> 
       <i class="glyphicon glyphicon-calendar"></i> 
      </div> 
      <input class="form-control" name="datetimestart" type="text"> 
     </div> 
    </div> 
</div>

的javascript：

$('#datetimestart').datetimepicker({ 
     format: 'YYYY-MM-DD HH:mm', 
     defaultDate: moment() 
});

调用这个片段在文件准备就绪功能（创建一个新的文件main.js）。

创建与所有需要的JavaScript库的文件夹，并将它们包括在您的HTML，DOC的头：

<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/bootstrap-datetimepicker.min.js"></script> 
<script src="js/main.js"></script>

的bootstrap.min.js是不是真的需要为选择器，但也用于在HTML文档中。你使用哪个datetimepicker？我向你推荐这个库https://eonasdan.github.io/bootstrap-datetimepicker/

来源

2017-05-25 09:03:53 N3wbie

为什么bootstarop日历不会更改日历框上的日期

回答

相关问题