Question

我有下面的代码，它会呈现一个日历。但是，当用户单击日期时，bind不会检测到更改。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<link rel="stylesheet"  href="/jq-mo-datepicker/jquery.ui.datepicker.mobile.css" />

<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>

<script>
    //reset type=date inputs to text
    $( document ).bind( "mobileinit", function(){
        $.mobile.page.prototype.options.degradeInputs.date = true;
    });
</script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<script src="/jq-mo-datepicker/jQuery.ui.datepicker.js"></script>
<script src="/jq-mo-datepicker/jquery.ui.datepicker.mobile.js"></script>


<link type="text/css" rel="stylesheet" href="/css/mobile.css" />
<script>
    $(document).ready(function (){
        $("#date").bind("change", function() {
            console.log($(this).val());
        });

});
</script>

然后在身体里我有：

<form action="#" method="get">
                        <div data-role="fieldcontain">
                            <label for="date">Date Input:</label>
                            <input type="date" name="date" id="date" value=""  />
                        </div>
                    </form>

我做错了什么，如何在用户点击其他日期时检测输入元素中的值？

感谢Loyalar的帮助，问题已经缩小到这个范围：

    <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>

包含该文件时，无法绑定。如果将其排除在外，您可以。

当用户点击日历时，还有其他方法可以读取日期ID中的值吗？这样看起来应该很容易。

Answer 1

我能让这个工作的唯一方法是检测用户点击日历单元格，然后从#date字段中读取日期。

$('.ui-body-c').click(function(){
                console.log('user clicked on a date');
                console.log($("#date").val());
            });

jquery绑定不起作用

1 个答案: