输入文本不'不要使用引导程序日期选择器

Input text doesn't work with bootstrap datepicker

本文关键字：引导程序 日期 选择器 文本 输入      更新时间：2023-09-26

我使用angular.js和bootstrap日期选择器来获取日期。

这是我的HTML代码：

<div class="form-group col-sm-6 col-md-6 col-lg-6">
   <label for="employee_contract_start" class="req">Inicio de Contrato</label>
   <input type="text" data-parsley-trigger="change" class="form-control data_input" id="employee_contract_start" ng-model="employee.contract_start" value="" required>
</div>

和JS

$("#employee_contract_start").datepicker({
    format: 'dd/mm/yyyy',
    autoclose: true,
    todayHighlight: true
}).on('show', function(){
    if($(this).val() == '')  {
       $(this).val('14/10/2014').datepicker('update');
    }
});

现在，让我来解释一下：

当我看到（或充值，不管怎样）页面时，输入显示为空白，而日期仅在我单击输入时显示。我希望日期"14/10/2014"出现，而无需单击输入。

我还不能上传图片来更好地解释：p

谢谢！！！

我不会直接回答你的问题，但是，最近我有机会使用bootstrap的datepicker，它有很多问题，尤其是在试图将它与一些Angular逻辑集成时。

然后，我发现了angular bootstrap："AngularUI团队用纯AngularJS编写的bootstrap组件"，它大大简化了Datepicker的工作！检查所提供链接中的Datepicker部分。源代码直接在示例下面提供。

希望你会发现使用它更直观，更适合你的Angular应用程序的其他部分。

我正确理解的是，您希望将默认日期设置为今天的日期

要做到这一点，你必须像这个一样明确地将日期设置为今天的日期

$("#employee_contract_start").datepicker({
    format: 'dd/mm/yyyy',
    autoclose: true,
    todayHighlight: true
}).on('show', function(){
    if($(this).val() == '')  {
       $(this).val('14/10/2014').datepicker('update');
    }
});
// Now once you have initilized datepicker, you can set the initial date like this---
var currentDate = new Date(); // Here get today's date
$("#employee_contract_start").datepicker("setDate", currentDate); // set default date to be todays date
$('#employee_contract_start').val(currentDate)

如果您希望在加载页面时显示当前日期，则需要在加载日期选择器后手动初始化日期选择器。

好吧，我代表ADMdtp模块。这是纯粹的AngularJs dateTimePicker，有很多很棒的选择：

  • 与ngModel完全同步，因此无需销毁或手动更新dateTimePicker
  • 超前测距仪；使尽可能多的dateTimePicker关联在一起，再次无需销毁或手动更新每个dateTimePickers
  • 去功能化模式；你可以很容易地禁用一周或一个月中的任何一天，就像所有周末一样
  • 在不断变化的日子里过渡。（诅咒你可以在选项中禁用它）
  • 获取完整的日期详细信息，如UNIX格式的日期、日期格式以及年、月、日、小时和分钟，然后。。。按完整数据属性

<adm-dtp ng-model="date" full-data="date_full"></adm-dtp>

相关文章：