jquery datepicker返回未定义的值

时间:2015-04-22 10:22:17

标签: javascript jquery ajax

您好我使用datepicker来获取日期。我已经完成了jquery datepicker,但返回了未定义的值。请帮帮我。

HTML CODE

<input type="text" class="form-control fromdate" id="datepicker" name="from_date" placeholder="From date" value="<?php echo set_value('from_date'); ?>" >

脚本

var fromdate =  $('.fromdate').datepicker('getDate');
alert(fromdate);

2 个答案:

答案 0 :(得分:1)

当您使用jQuery UI小部件时,首先必须在调用其上的任何函数之前实例化小部件:

$(function() {
    //Instanciate the widget
    $( ".fromdate" ).datepicker();
    //Access to widget's functions
    alert($( ".fromdate" ).datepicker('getDate'))
});

jsFiddle

注意:$(function(){ YOUR CODE HERE });只是$(document).ready(function(){ YOUR CODE HERE });

的快捷方式

答案 1 :(得分:0)

如果没有完整的页面/代码,这就是猜测,但使用datepicker非常简单。您需要首先打开它,然后再使用它:

$('.fromdate').datepicker({
    onSelect: function (dateText) {
        var fromdate = $('.fromdate').datepicker('getDate');
        alert(fromdate);
    }
});

JSFiddle: http://jsfiddle.net/TrueBlueAussie/zr9ewogp/1/

您的示例似乎很奇怪,因为onSelect事件传递了日期值,因此实际上并不需要获取它:

e.g。

$('.fromdate').datepicker({
    onSelect: function (dateText) {
        alert(dateText);
    }
});