标签: jquery-ui-datepicker

jQuery UI DatePicker - 更改日期格式

我使用jQuery UI中的UI DatePicker作为独立选择器.我有这个代码:

<div id="datepicker"></div>
Run Code Online (Sandbox Code Playgroud)

以下JS:

$('#datepicker').datepicker();
Run Code Online (Sandbox Code Playgroud)

当我尝试使用此代码返回值时:

var date = $('#datepicker').datepicker('getDate');
Run Code Online (Sandbox Code Playgroud)

我退回了这个:

Tue Aug 25 2009 00:00:00 GMT+0100 (BST)
Run Code Online (Sandbox Code Playgroud)

这是完全错误的格式.有没有办法让我以格式返回DD-MM-YYYY

jquery jquery-ui date jquery-ui-datepicker

527
推荐指数
14
解决办法
141万
查看次数

jQuery UI DatePicker仅显示月份

我正在使用jQuery日期选择器在我的应用程序中显示日历.我想知道我是否可以用它来显示月份和年份(2010年5月)而不是日历?

javascript jquery jquery-ui date jquery-ui-datepicker

372
推荐指数
12
解决办法
53万
查看次数

jQuery UI:Datepicker将年份范围下拉至100年

使用Datepicker,默认情况下,年份下拉列表仅显示10年.用户必须单击去年才能获得更多年份.

我们如何将初始范围设置为100年,以便用户默认情况下会看到一个大型列表?

在此输入图像描述

    function InitDatePickers() {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            maxDate: '@maxDate',
            minDate: '@minDate'
        });
    }
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-ui-datepicker

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

如何使用今天的日期预先填充jQuery Datepicker文本框?

我有一个非常简单的jQuery Datepicker日历:

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
});
Run Code Online (Sandbox Code Playgroud)

当然还有HTML ......

<input type="text" size="10" value="" id="date_pretty"/>
Run Code Online (Sandbox Code Playgroud)

当用户打开日历时,今天的日期很好地突出显示,但是如何让jQuery在今天的页面加载日期预先填充文本框本身,而无需用户做任何事情?99%的时间,今天的默认日期将是他们想要的.

javascript jquery jquery-ui date jquery-ui-datepicker

232
推荐指数
9
解决办法
36万
查看次数

是否可以使jQuery UI Datepicker禁用星期六和星期日(和假期)?

我使用日期选择器来选择预约日.我已经将日期范围设置为仅适用于下个月.这很好.我想从可用的选择中排除星期六和星期日.可以这样做吗?如果是这样,怎么样?

javascript jquery jquery-ui jquery-ui-datepicker

192
推荐指数
7
解决办法
13万
查看次数

如何本地化jQuery UI Datepicker?

我真的需要一个本地化的下拉日历.英语日历并不能完全在挪威网站上传达卓越性;-)

我已经尝试过jQuery DatePicker,他们的网站说它可以本地化,但这似乎不起作用.

我正在使用ASPNET.MVC,我真的想坚持一个JavaScript库.在这种情况下jQuery.

ajax工具包日历是可以接受的,只要它也会显示挪威名称.

更新:太棒了!我看到我错过了语言文件,一个不那么小的细节:-)

javascript calendar localization jquery-ui jquery-ui-datepicker

114
推荐指数
7
解决办法
21万
查看次数

如何更改jQuery DatePicker控件的弹出位置

知道如何让DatePicker出现在相关文本框的末尾而不是直接在它下面吗?容易发生的是文本框朝向页面底部,DatePicker向上移动以占用它并完全覆盖文本框.如果用户想要输入日期而不是选择日期,则他们不能.我宁愿让它出现在文本框之后,所以它如何垂直调整并不重要.

知道如何控制定位吗?我没有看到小部件的任何设置,我没有运气调整CSS设置,但我很容易丢失一些东西.

javascript jquery jquery-ui jquery-ui-datepicker

103
推荐指数
7
解决办法
23万
查看次数

jQuery日期选择器 - 禁用过去的日期

我正在尝试使用UI日期选择器选择日期范围.

在from/to字段中,人们不应该能够查看或选择当天之前的日期.

这是我的代码:

$(function() {
    var dates = $( "#from, #to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            var option = this.id == "from" ? "minDate" : "maxDate",
                instance = $( this ).data( "datepicker" ),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings );
            dates.not( this ).datepicker( "option", option, date );
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

有人可以告诉我如何禁用当前日期之前的日期.

jquery jquery-ui datepicker uidatepicker jquery-ui-datepicker

86
推荐指数
8
解决办法
28万
查看次数

如何在jQuery UI Datepicker日历上清除/重置所选日期?

如何重置日期选择器日历值?..最小和最大日期限制?

问题是当我清除日期(通过删除文本框值)时,仍然会应用先前的日期限制.

我一直在整理文档,没有任何东西作为解决方案跳出来.我也无法找到SO /谷歌搜索的快速修复

http://jsfiddle.net/CoryDanielson/tF5MH/


解:

// from & to input textboxes with datepicker enabled
var dates = $("input[id$='dpFrom'], input[id$='dpTo']");

// #clearDates is a button to clear the datepickers
$('#clearDates').on('click', function(){
    dates.attr('value', '');
    dates.each(function(){
        $.datepicker._clearDate(this);
    });
});??
Run Code Online (Sandbox Code Playgroud)

_.clearDate()是DatePicker对象的私有方法.你不会在jQuery UI的网站上的公共API中找到它,但它就像一个魅力.

jquery jquery-ui jquery-ui-datepicker

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

Jquery UI datepicker.禁用日期数组

我一直在努力寻找解决我的Jquery ui datepicker问题的解决方案而且我没有运气.这就是我想要做的......

我有一个应用程序,我正在做一些复杂的PHP来返回一个JSON数组的日期,我希望BLOCKED从Jquery UI Datepicker中获取.我正在返回这个数组:

["2013-03-14","2013-03-15","2013-03-16"]
Run Code Online (Sandbox Code Playgroud)

有没有一种简单的方法可以简单地说:从datepicker中阻止这些日期?

我已经阅读了UI文档,但我没有看到任何对我有帮助的内容.有人有主意吗?

jquery-ui jquery-ui-datepicker

80
推荐指数
3
解决办法
13万
查看次数