标签: bootstrap-datetimepicker

Controller中的AngularJS UI 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>

Run Code Online (Sandbox Code Playgroud)

日期采摘控制器

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; …

Run Code Online (Sandbox Code Playgroud)

jquery angularjs angular-ui-bootstrap bootstrap-datepicker bootstrap-datetimepicker

ola*_*tom

lucky-day

1
推荐指数

1
解决办法

3万
查看次数

Datetimepicker：仅每隔两次设置一次默认值

解决了先前的defaultDate问题后，我有了一个新问题。JavaScript代码如下：

$(function () {
    $('#datepicker').datetimepicker({
        useCurrent: false,
        maxDate: moment().toDate(),
        locale: 'de',
        defaultDate: moment().toDate(),
        format: 'DD.MM.YYYY'
    });
});

Run Code Online (Sandbox Code Playgroud)

当我访问页面时，未设置默认日期。重新加载时，将设置默认日期，并保持设置不变，直到我浏览到另一个页面然后返回表单为止。然后，通常不会设置默认日期，尽管有时会设置。如果未设置，日期选择器将不起作用（单击输入字段无效），控制台将显示错误消息：

未捕获到的TypeError：根据组件设置验证，传递的defaultDate（）日期无效

在JSFiddle上，该行为甚至更陌生。首次加载时，通常不会设置日期。在进行进一步的重新加载时，它会被设置，但有时，如果您单击“足够频繁地运行”则不会。对我来说，这似乎是一个错误，但是由于我并不真正了解JavaScript，所以我想问一下...

jquery twitter-bootstrap-3 bootstrap-datetimepicker

P_S*_*P_S

2017 05-23

1
推荐指数

1
解决办法

1892
查看次数

Bootstrap UI DateTimePicker弹出日历中显示的无意义月份日

我在使用Bootstrap UI + Bootstrap UI DateTimePicker(https://github.com/Gillardo/bootstrap-ui-datetime-picker)时遇到问题,其中包含无意义的日期作为日历弹出窗口中最左侧的列.请参见下面的截图.从上到下,不应该存在的日子分别是31,32,33,34,35,36.无论我切换到哪个月,它们都存在.

datepicker twitter-bootstrap angularjs angular-ui-bootstrap bootstrap-datetimepicker

Dan*_*ous

2015 08-10

1
推荐指数

1
解决办法

565
查看次数

bootstrap datetimepicker没有时间请求

我有这个jsp代码(由http://eonasdan.github.io/bootstrap-datetimepicker/拍摄)

<div class='input-group date' id='datetimepicker5'>
   <input ng-model="utente.dt_nascita" type='text' class="col-sm-3 form-control" data-date-format="YYYY/MM/DD"/>
   <span class="input-group-addon">
       <span class="glyphicon glyphicon-calendar"></span>
   </span>
</div>

Run Code Online (Sandbox Code Playgroud)

这个代码在我的controller.js中:

$('#datetimepicker5').datetimepicker({
                pickTime: false,
                autoclose : true
            });

Run Code Online (Sandbox Code Playgroud)

我不想要时间!我希望那个datapicker只询问日期,但事实并非如此.

jsp datetimepicker twitter-bootstrap-3 bootstrap-datetimepicker

Cir*_*iro

lucky-day

0
推荐指数

1
解决办法

1万
查看次数

使用以下代码在日期时间选择器中添加今天按钮

我想在 datetimepicker 日历中添加今天按钮。我有一个想法添加语法"todayBtn:true"。但我不知道如何在显示以下代码时实现它

<html>
    <body>
        <input class="form-control date"  data-date-format="yyyy-mm-dd  hh:ii"    data-link-field="dtp_input1" placeholder="select to validity" name="from_validity" type="text" id="shankar" value="">
    </body>
</html>
<script>
   $("#shankar").click(function () {
       $("#shankar").datetimepicker('show').on('changeDate',function(ev) {               
           $('.datetimepicker').hide();
       });
    });
</script>

Run Code Online (Sandbox Code Playgroud)

javascript jquery bootstrap-datetimepicker

Pyt*_*eam

2016 12-09

0
推荐指数

1
解决办法

7809
查看次数

Bootstrap 3 Datepicker v4 Docs 24 小时时间格式

我正在使用https://eonasdan.github.io/bootstrap-datetimepicker/是否可以配置为使用 24 小时格式？

现在我像这样使用它，但它不是我需要的

$('.dayWorkTime').datetimepicker({
    format: 'LT' 
});

Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap-3 bootstrap-datetimepicker eonasdan-datetimepicker

Dev*_*per

2017 01-02

0
推荐指数

1
解决办法

1万
查看次数

引导程序datetimepicker-未捕获的TypeError：无法读取未定义的属性“ getTime”

未捕获的TypeError：无法读取未定义的属性“ getTime”。
您可以在此处找到错误日志。

$('.modal-body').on("focus","#date",function() {
    var date = $('#date').val();
    $('#date').datetimepicker({
        defaultDate: date,
        language: 'zh-CN',
        pickDate: true,
        pickTime: true,
        autoclose: true,
        format: 'yyyy-mm-dd',
        todayBtn: true,
        minView: 2,
        startView: 3,
        pickerPosition: "bottom-left"
    });
);

Run Code Online (Sandbox Code Playgroud)

插入弹出窗口

$('#edit').click(function(){
    $.ajax({
        url: "{:U('SystemSettingMgt/settingConf')}",
        type: 'post',
        data: {
            'id' : $(this).siblings('input').val(),
            'is_active' : 1,
        },
        success:function(json){
            $('.modal-body').children().empty();
            var str = '';
            switch(json.datatype){
                // yes/false
                case "1":
                    str += '<label>select setting</label>';
                    str += '<input type="hidden" id="id" value="'+json.id+'">';
                    str += '<input type="hidden" id="datatype" value="'+json.datatype+'">';
                    str += '<select …

Run Code Online (Sandbox Code Playgroud)

jquery datetimepicker twitter-bootstrap bootstrap-datetimepicker

作者

2017 03-28

0
推荐指数

1
解决办法

3610
查看次数

moment.js 第二个参数不起作用

不知道为什么会返回以下内容false。第二个参数中指定的格式正是我在初始化 Bootstrap Datetimepicker 时指定的格式。

moment('Fri 5 Jan, 2018 - 05:00 PM', 'ddd d MMM, YYYY - hh:mm A').isValid()

Run Code Online (Sandbox Code Playgroud)

我试图将第一个参数中的日期时间转换为YYYY-MM-DD HH:mm格式，但moment不断返回无效日期错误。

javascript datetime momentjs bootstrap-datetimepicker

Yas*_*tal

lucky-day

0
推荐指数

1
解决办法

1283
查看次数

如何禁用日期选择器日历中的特定日期

我需要禁用单月中的多个日期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>

Run Code Online (Sandbox Code Playgroud)

执行此脚本后，我收到与以下内容相关的错误.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 …

jquery jquery-ui datepicker bootstrap-datepicker bootstrap-datetimepicker

nku*_*mar

2019 09-10

0
推荐指数

1
解决办法

1万
查看次数

如何动态创建引导日期选择器？

我需要使用 jQuery 动态创建一个日期选择器。在我的表单中，我将有按钮来创建日期选择器。

以下是我到目前为止尝试过的代码：

<div id="examDatesContainer">
    <div class="form-group">
        <label for="examDate" class="col-sm-2 caption">
            <fmt:message key="exam.date"/>:<strong style="font-size:14px;" class="asterisk">*</strong>
        </label>
        <div class="col-sm-4">
            <div class="input-group date">
                <input type="datetime" class="form-control examDate" id="examDate" name="examDate" value="" readonly >
                <div class="input-group-addon" class="examDateCalendarIcon">
                    <i class="fa fa-calendar"></i>
                </div>
            </div>
            <div class="help-block with-errors"></div>
        </div>
    </div>

    <div class="form-group examDateTemplate" style="display: none;">
        <label for="examDate" class="col-sm-2 caption"></label>
        <div class="col-sm-4">
            <div class="input-group date">
                <input type="datetime" class="form-control examDate" name="examDate" value="" readonly >
                <div class="input-group-addon" class="examDateCalendarIcon">
                    <i class="fa fa-calendar"></i>
                </div>
                <div class="input-group-addon">
                    <i class="fa fa-minus-circle"></i>
                </div>
            </div> …

Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap bootstrap-datetimepicker

ash*_*ram

2017 02-25

-1
推荐指数

1
解决办法

4524
查看次数