相关疑难解决方法(0)

手动编辑日期或清除日期时,bootstrap datepicker更改日期事件不会启动

<script type="text/javascript">
    // When the document is ready
    $(document).ready(function () {
        $('.datepicker').datepicker({
            format: "yyyy-mm-dd",
        }).on('changeDate', function(ev){
            // do what you want here
            $(this).datepicker('hide');
        }).on('changeDate', function(ev){
            if ($('#startdate').val() != '' && $('#enddate').val() != ''){
                $('#period').text(diffInDays() + ' d.'); 
            } else {
                $('#period').text("-");
            }
        });
    });
</script>
Run Code Online (Sandbox Code Playgroud)

所以这就是我的日期选择器的样子.所以基本上当我通过点击鼠标更改日期时它工作正常,但是当我用键盘手动更改日期或手动清除日期更改日期时,事件不会被调用.这是一个错误还是我在这里做错了什么?

javascript jquery datepicker twitter-bootstrap bootstrap-datepicker

24
推荐指数
3
解决办法
12万
查看次数

在jQuery日期选择器上听onChange?

我目前正在创建一个像这样的日期选择器

HTML

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<input id="datepicker" type="datepicker" name="date" placeholder="Date" />
Run Code Online (Sandbox Code Playgroud)

JS

$('#datepicker').datepicker()
    .on("change", function (e) {
    console.log("Date changed: ", e.target.value);
});
Run Code Online (Sandbox Code Playgroud)

我的目标是能够在用户清除日期框时收听.但是,一旦您取消聚焦日期框,更改事件似乎才会触发.我想知道是否有办法在jQuery日期框中监听所有更改,或者是否有更好的替代方案.

JsFiddle链接:https://jsfiddle.net/szkfm0y7/

html javascript jquery datepicker

22
推荐指数
2
解决办法
6万
查看次数

使用jQuery UI datepicker选择日历更改URL

我正在使用jQuery UI选择器,我想知道当有人选择日期时它是否可能,它会自动将它们重定向到URL,如下所示:

index.php?date=2013-10-15

这是我正在使用的插件.

<script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
</script>
Run Code Online (Sandbox Code Playgroud)

Date: <input type="text" id="datepicker" />

jquery jquery-ui jquery-ui-datepicker

4
推荐指数
1
解决办法
8196
查看次数

获取 jquery 中发生变化的日期选择器的值

datepicker我需要获取on的值change,但它正在返回undefined

HTML:

<input  id="#return" name="start" class="date-pick form-control" value="" data-date-format="dd/mm/yyyy" type="text" />
Run Code Online (Sandbox Code Playgroud)

JS:

$('input.date-pick').datepicker().on('changeDate', function (ev) {
      var firstDate = $('#return').val();
      alert(firstDate);
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery datepicker

1
推荐指数
1
解决办法
4万
查看次数

JQuery Daterangepicker onchange 事件

我能找到的所有答案都是针对 Datepicker 的,但它的工作方式不一样!

如果我使用键盘而不是引导程序界面修改值,它只会触发 onChange() 事件。

我已经测试了这里显示的所有内容

我的代码:

爪哇脚本

            $(function () {
                //Date range picker
                $('#reservation').daterangepicker({
                    onSelect: function() {
                        $(this).change();
                    }                    
                });
            });

            $(document).ready(function () {
                $("#reservation").change(function () {
                    var date = $("#reservation").val();
                    var replaced = date.split(' ').join('')
                    $("#partialtable").load('@(Url.Action("GetDateResults", "Temps", null, Request.Url.Scheme))?date=' + replaced);
                });
            });
Run Code Online (Sandbox Code Playgroud)

HTML

<!-- Date range -->
            <div class="form-group">
                <label>Période:</label>
                <div class="input-group">
                    <div class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                    </div>
                    <input type="text" class="form-control pull-right" id="reservation" onchange=""/>
                </div><!-- /.input group -->
            </div><!-- /.form group --> 
Run Code Online (Sandbox Code Playgroud)

任何人都可以找到解决方案吗?即使更改与以前的值相同,我也不介意触发事件!

html javascript jquery date date-range

0
推荐指数
1
解决办法
1万
查看次数