标签: bootstrap-datepicker

我在我的html页面中使用了一个datepicker,如下所示:

HTML

  <div ng-controller="StartDateCtrl">
    <label class="control-label" for="startDate">  Date:</label>   
    <div class="row">
        <div class="col-md-6">
            <p class="input-group">
              <input type="text"  name="startDate" class="form-control" show-button-bar="true" datepicker-popup="yyyy-MM-dd" ng-model="startDate" is-open="opened" min="minDate" max="'22-06-2015'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
              <span class="input-group-btn">
                <button class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
              </span>
            </p>
        </div>
    </div>
    </div> 

日期采摘控制器

var StartDateCtrl= function ($scope) {
  $scope.today = function() {
    $scope.travelStartDate = new Date();
  };
  $scope.today();

  $scope.showWeeks = true;
  $scope.toggleWeeks = function () {
    $scope.showWeeks = ! $scope.showWeeks;
  };

  $scope.clear = function () {
    $scope.travelStartDate = null; …

如何使用Bootstrap Datepicker选择周日期和月份范围？

我目前正在使用 jQuery UI 日期选择器来选择月份和星期。

我正在为出生日期字段使用引导日期选择器。但是显然用户没有正确使用年份下拉字段。

我想做的是一个分阶段的设置，在此过程中，单击3次即可选择年份，月份和日期。我认为这将更加用户友好。这就是我认为它起作用的方式：

步骤1：选择年份

步骤2：选择月份

步骤3：选择日期

有人知道这是否可能吗？

如您所见，这是我的第一个问题，但不是我第一次访问 stackoverflow。所以如果我做错了什么，请耐心等待。

我的问题如下：我在 boostrap 模式上遇到了 bootstrap-datepicker 的问题。我打开一个模态来编辑一些数据，所以我使用'show.bs.modal'事件在模态上加载数据。模态中的字段之一是出生日期，我使用 bootstrap-datepicker。当我点击日期选择器字段时，奇怪的行为开始了。它触发'hide.bs.modal'事件，我用它在关闭模态之前清理数据（重置验证器和表单）。

我已经尝试了一切，我到处搜索，但仍然没有发现我做错了什么。请帮帮我！

我正在使用 Bootstrap v3.3.7 和 Datepicker for Bootstrap v1.7.0

这是一个显示问题的片段：

$(document).on('hide.bs.modal', '#editModal', function (e){
    alert("Why is this happening??!!!");
    $('#formEdit').data('bootstrapValidator').resetForm();
    $('#formEdit')[0].reset();
});

$('#fecha_nac').datepicker({
    format: 'dd-mm-yyyy',
    autoclose: true,
    language: 'es'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.0/js/bootstrap-datepicker.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.0/css/bootstrap-datepicker.css" rel="stylesheet"/>

<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModal" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="editModalLabel">Ver y editar sacerdote</h5>
        <button type="button" class="close" data-dismiss="modal" …

我们在应用程序中使用ngbDatePicker。由于其他用户操作，我们需要以编程方式将日历中的日期设置为不仅显示新的月份，还要特别突出显示我们要选择的DAY。

NavigateTo仅设置年和月。

我彻底检查了文档；我找到的最接近的是open（）函数，该函数应该将其设置为当前ngModel值-无法使其正常工作。

我有一个 PHP 应用程序，其中使用引导日期选择器。

我需要在今天之前禁用日期选择器中的所有过去日期。我被提到这个链接来做到这一点。

我根据该来源中提供的信息编辑了日期选择器的 JS，但它仍然无法正常工作。

这是我的 JS 代码：

$('.sandbox-container input').datepicker({
  format: "dd/mm/yyyy",
  orientation: "auto",
  startDate: new Date(),          //here I tried to set the date
  clearBtn: true
});

这是我的 PHP 代码：

<div class="sandbox-container">
<div class="form-group col-sm-6 col-xs-12">
<input type="text" class="form-control date-selecter" value="Date From" id="datefrom" name="datefrom">
            </div>
<div class="form-group col-sm-6 col-xs-12">
<input type="text" class="form-control date-selecter" value="Date To" id="dateto" name="dateto">
                </div>
            </div>

谁能帮我做到这一点吗？

我正在使用bootstrap datetimepicker我想删除默认的选定日期.

$("#datetimepicker1").datetimepicker({ format: 'MM/DD/YYYY', minDate:new Date() });

我需要禁用单月中的多个日期JQuery- Bootstrap Datepicker。正如我在这里尝试过的多个答案，还有其他答案。但我的问题没有解决。因为我有日期列表，所以我需要禁用日期选择器。但是，日期选择器没有响应日期残疾。

我曾经使用 JQuery 和 boostrap 来查看 Datepicker。使用CDN加载脚本。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i></div>
<input value="" readonly="" class="form-control" name="doi" id="doi" type="text">
</div>

<script type='text/javascript'>
var array = ["09/14/2019","09/15/2019","09/16/2019"];

$('#doi').datepicker({
 beforeShowDay: function(date){
        var string = jQuery.datepicker.formatDate('mm/dd/yy', date);
        return [ array.indexOf(string) == -1 ]
    },
    daysOfWeekDisabled: [0],   //Disable sunday
    autoclose:true,
})  ;
  </script>

执行此脚本后，我收到与以下内容相关的错误.formDate()
Uncaught TypeError: Cannot read property 'formatDate' of undefined

但是添加：<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js" ></script>
在 JQuery CDN 之后，此错误已解决，但禁用日期仍然不起作用。

预期：Disable: 09/14/2019 …

我目前正在使用https://github.com/kekeh/mydatepicker作为我的Angular 2应用程序的日期选择器.我想要一个日期选择器,它只显示角度为2的月份和年份.是否有人知道如何操作.我尝试角度2的Jquery,但没有成功.