jquery 日期选择器返回未定义的值

Answer 1

当您使用日期选择器时，我们需要先初始化它

<input type="text" class="form-control fromdate" id="datepicker" name="from_date" value="2015-4-10"   />

<script>
$(document).ready(function(){
    $('.fromdate').datepicker({
    dateFormat: 'yy-m-d',
    inline: true,
    onSelect: function(dateText, inst) { 
        var date = $(this).datepicker('getDate'),
            day  = date.getDate(),  
            month = date.getMonth() + 1,              
            year =  date.getFullYear();
        alert(day + '-' + month + '-' + year);
    }
});

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

});
</script>

Answer 2

当您使用 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 });

的快捷方式

Answer 3

没有你的完整页面/代码，这是猜测，但使用

datepicker

非常简单。您需要“先打开它”，然后再使用它：

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

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

你的例子看起来很奇怪，因为

onSelect

事件传递了日期值，所以实际上不需要获取它：

例如

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

Answer 4

1.如何在Jquery中设置QueryString 变种类型=“数据类型”； window.location.href =

../../DashBoard/Index?Type=${type}

;

2.如何在Jquery中获取QueryString const queryString = new URLSearchParams(window.location.search); const type = queryString.get('类型');