标签: jquery-ui-datepicker

我有以下代码,但是如果input.formdate找不到它仍然会运行该getDateFormat函数.这对我来说没有意义.

有谁知道原因？

$(function() {
    $("input.formdate").datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: getDateFormat()
    });
});

function getDateFormat()
{
    var format = 'DMY';

    if (document.edit_form && document.edit_form.date_format)
        format = document.edit_form.date_format.value;

    if (format = "DMY")
        return "dd-mm-yy";
    else
        return "mm-dd-yy";
}

我正在通过AJAX调用将内容加载到动态添加到DOM的表行中.我在回调函数中调用了datepicker功能,日历显示正常.但是,当我点击日期时,我收到一个错误:inst为null.这是我的代码:

$(document).ready(function() {
    $(".edit").live("click", function() {
        //Delete previously loaded edit row
        $("#tempEditRow").remove();

        //Get the record id of the row to be edited
        var recordID = $(this).parent("td").parent("tr").attr("id");

        //Add the new row to the document
        $(this).parent("td").parent("tr").after("<tr id=\"tempEditRow\"><td id=\"tempEditCell\" colspan=\"100\"></td></tr>")

        //Get a reference to the new row
        var container = $("#tempEditCell");

        //Populate the container
        populateContainer("/wpm/includes/ajax_editApplication.cfm?id=" + recordID, container);
    });
});

function populateContainer(ajaxUrl, container) {
    //Populate the container
    $.ajax({
        url: ajaxUrl,
        cache: false,
        success: function(html){
            $(container).html(html);
            $('.datepicker').datepicker();
        }
    }); 
}

我已经尝试删除hasDatepicker类,删除对datepicker的任何引用等,但没有任何工作.在此先感谢您的帮助!

是否有任何jQuery datepicker插件显示为佛教日期？

目前我使用jQuery UI datepicker来显示它,但实际上并不是我想要的.这是代码:

$(document).ready( function() {
    $("#datepicker").datepicker( {
        appendText: ' yyyy-mm-dd',
        autoSize: true,
        buttonImage: 'images/calendar.gif',
        buttonImageOnly: true,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'yy-mm-dd',
        showOtherMonths: true,
        selectOtherMonths: true,
        showOn: 'both',
        onSelect: function(dateText, inst) {
            year = dateText.substring(0, 4);
            month = dateText.substring(5, 7);
            day = dateText.substring(8);
            _year = parseInt(year) + 543 + '';
            $(this).val(_year + '-' + month + '-' + day);
        },
        beforeShow: function(input, inst) {
            year = input.value.substring(0, 4);
            month = input.value.substring(5, 7);
            day = input.value.substring(8);
            _year …

使用jquery Datepicker创建日历的最佳方法是什么,我可以在其中添加更多功能？

我想在其中显示一些不同颜色的日期数组以及选择日期.

我应该尝试编辑源代码,或者更好,使用一些库并自己做吗？

对于第一种情况,我想找到一些关于jquery Datepicker源的好文档.对于第二个,我想找到一些库,它创建一个好的和易于使用的日历.

所以问题是我的语言适用于我的日历,但不适用于解析.下面是我的代码(我将其作为网站上的示例).

$(function(){
                $.datepicker.setDefaults($.datepicker.regional['nl-BE']);
                // Datepicker
                $('#datepicker').datepicker({

                    firstDay: 1,
                        dateFormat: "dd/mm/yy",
                    inline: true,
                    onSelect: function(dateText){
                    var datez = $.datepicker.parseDate('dd/mm/yy',dateText,{shortYearCuroff: 20, dayNamesShort: $.datepicker.regional['nl-BE'].dayNamesShort, dayNames: $.datepicker.regional['nl-BE'].dayNames, monthNamesShort: $.datepicker.regional['nl-BE'].monthNamesShort, monthNames: $.datepicker.regional['nl-BE'].monthNames}).toString();
                    var value = datez.split('00:00:00');
                    generatexml(dateText,value);

                    }

                });
            });

这导致我的日历语言发生了变化,但解析后的语言却没有变化？知道我做错了什么吗？

2012年3月24日星期六

给出的结果,我也试图把月份放在月份之前有任何结果:(

我使用以下js在表单中设置了一个日期选择器:

$("#Expiry").datepicker({
   regional: 'en-GB',
   dateFormat: 'dd/mm/yy',
   firstDay: 1
});

并在我看来有以下(asp.net MVC)

<%: Html.TextBoxFor(m => m.Expiry) %>

在我的模型中,Expiry是可以为空的 DateTime?

当我使用datepicker选择一个日期时,它使用正确的格式

当我从数据库加载数据时,它总是在00:00:00显示时间部分

我怎么能不这样做呢？

如果我尝试在绑定中使用格式化表达式,那么它将无法编译.

当然jQuery应该尊重我为预先加载到表单字段中的值指定的格式？

它确实将datepicker应用于该字段,因此我可以选择日历.它只是不将格式应用于加载的值

有任何想法吗？

我有2个jquery日期选择器来选择日期范围.

一旦我选择了一个从日期(从第一个datepicker),我想激活第二个(to)datepicker.

下面的代码可以做到这一点,但由于某些原因,立即关闭了datepicker.

有任何想法吗？- http://jsfiddle.net/rN4zu/

From <input type="text" id="dateFrom" />
To <input type="text" id="dateTo" /> 

jQuery的

$( "#dateFrom" ).datepicker({
    minDate: 0,
    maxDate: "+2Y",
    showWeek: true,
    weekHeader: 'Wk',
    onSelect: function( selectedDate ) {
        $( "#dateTo" ).datepicker("option", "minDate", selectedDate ).focus();
    }
});

$( "#dateTo" ).datepicker({
    maxDate: "+2Y",
    showWeek: true,
    weekHeader: 'Wk'
});

我只是不明白为什么我得到这个Microsoft JScript运行时错误:我的date.js文件中的堆栈空间....

return format?format.replace(/dd?d?d?|MM?M?M?|yy?y?y?|hh?|HH?|mm?|ss?|tt?|zz?z?/g,function(format){switch(format){case"hh":return p(self.getHours()<13?self.getHours():(self.getHours()-12));case"h":return self.getHours()<13?self.getHours():(self.getHours()-12);case"HH":return p(self.getHours());case"H":return self.getHours();case"mm":return p(self.getMinutes());case"m":return self.getMinutes();case"ss":return p(self.getSeconds());case"s":return self.getSeconds();case"yyyy":return self.getFullYear();case"yy":return self.getFullYear().toString().substring(2,4);case"dddd":return self.getDayName();case"ddd":return self.getDayName(true);case"dd":return p(self.getDate());case"d":return self.getDate().toString();case"MMMM":return self.getMonthName();case"MMM":return self.getMonthName(true);case"MM":return p((self.getMonth()+1));case"M":return self.getMonth()+1;case"t":return self.getHours()<12?Date.CultureInfo.amDesignator.substring(0,1):Date.CultureInfo.pmDesignator.substring(0,1);case"tt":return self.getHours()<12?Date.CultureInfo.amDesignator:Date.CultureInfo.pmDesignator;case"zzz":case"zz":case"z":return"";}}):this._toString();};

我在调用RenderBody()之前将它放在我的_layout.cshtml中......

 <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <!-- date range picker -->
    <script src="@Url.Content("~/Scripts/date.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/daterangepicker.jQuery.js")" type="text/javascript"></script>

这些是我的custom.js中的函数....我试图注释掉两个datepicker函数,结果是date.js中没有错误然后我尝试使用另一个同时评论其他...结果是每次我点击datepicker ...异常发生...我不明白为什么会发生这种情况,,,,谢谢提前:)

$(function () {

    // using daterangepicker plugin
    $('#rangeFrom, #rangeTo').daterangepicker();

});

$(function () {

    // using datepicker plugin
    $("#startDate").datepicker(
    {   minDate: new Date(2012, 4 - 1, 30) // it will set minDate from 30 …

我继承了一堆不同质量的代码,我正在修复一堆错误的东西.它做的一件事是有一个表格输入表,其中一个使用jquery-ui Datepicker.还有一个按钮可在表格底部创建一个新行.新行的Datepicker永远不会出现.

我已经在SO上列出了这个问题几次,但这些解决方案都没有奏效.我正在把我现在拥有的东西拿出来.我的小伙子在:

http://jsfiddle.net/squarepegsys/G8WEC/2/

我代码的内容在这里:

tr.find(".datepicker").on("focusin",function() {
    console.log("got focus");
    $(this).datepicker();

}); 

在on("focusin"...)行中,我看到控制台上的"焦点",但从未看到日期选择器出现.

我正在使用jout日期选择器的knockout绑定.

请参阅KnockoutJS未捕获的jQuery UI datepicker更改事件

相同的代码工作正常,但我无法动态设置datepicker选项.

如何使用上面的参考链接动态(按钮点击)设置datepicker选项(如同最大限度日期等)？