首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery中不返回值的datepicker

jquery中不返回值的datepicker
EN

Stack Overflow用户
提问于 2013-11-14 15:26:12
回答 2查看 3.4K关注 0票数 0

也许我误解了一些堆栈答案和文档,但我在一个模式中创建了一组日期选择器,即在初始化时:

代码语言:javascript
复制
var startDate;

$(".datepicker .startDate").datepicker({
    onSelect : function(){
        startDate = $(self).datepicker('getDate');
    }
});

console.log(startDate);

$(".datepicker .endDate").datepicker();

.datepicker .startDate应该返回选定的日期并将其记录到控制台,而不是得到任何-日期选择器工作。但他们没有登录到控制台..。

想法?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-11-14 15:35:55

在选择日期时,将设置数据报警器的值。选择日期时将调用onSelect回调。在您的代码中,您将在选择日期之前打印,因此您将不会看到任何打印的值。如果您想获取并使用该值,则需要在onSelect回调函数中这样做。http://api.jqueryui.com/datepicker/#option-onSelect

例如,下面的代码将通知选定的值,

代码语言:javascript
复制
var startDate;

$(".datepicker .startDate").datepicker({
    onSelect: function (e) {
        alert(e);//the value
        startDate = $(this).datepicker('getDate');
        alert(startDate);//the value
    }
});

console.log(startDate);//this will print nothing

来自的HTML

代码语言:javascript
复制
<div class="datepicker">
    <input type="text" class="startDate" class="hasDatepicker" />
</div>

js来自小提琴

代码语言:javascript
复制
var startDate;

$(".datepicker .startDate").datepicker({
    onSelect: function (e) {
        alert(e);
        startDate = $(this).datepicker('getDate');
        alert(startDate);
    }
});

console.log(startDate);

$(".datepicker .endDate").datepicker();

http://jsfiddle.net/6rkFH/

票数 1
EN

Stack Overflow用户

发布于 2013-11-14 15:53:45

也许只是语法问题,下面是一个简单的例子:http://jsfiddle.net/RZxmP/11/

代码语言:javascript
复制
<div id="datepicker" clss="datepicker startdate"></div>

var startDate;

$(document).ready(function(){
    $( "#datepicker" ).datepicker({
        onSelect : function(){
            startDate = $(this).datepicker('getDate').getDate();  
            console.log(startDate);                                 
        }
    });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19981595

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档