标签: datepicker

我需要在页面上单击编辑元素,然后调用jQuery UI Datepicker的实例.

目前,我正在使用JEditable提供就地编辑,这工作正常.但是,我有一个日期控制输入,我希望它显示为日历,这是乐趣开始的地方.

我在Calle Kabo 的这个博客中找到了一条评论(遗憾的是这个页面有点捣碎),详细说明了这样做的方法:

$.editable.addInputType("datepicker", {
        element:  function(settings, original) {
            var input = $("<input type=\"text\" name=\"value\" />");
            $(this).append(input);
            return(input);
        },
        plugin:  function(settings, original) {
            var form = this;
            $("input", this).filter(":text").datepicker({
                onSelect: function(dateText) { $(this).hide(); $(form).trigger("submit"); }
            });
        }
    });

但是,我无法让上述工作 - 没有错误,但也没有效果.我已经尝试将它放在jQuery文档就绪函数中,并且也在它之外 - 没有乐趣.

我的UI Datepicker类是日期选择器,我的Jeditable类是ajaxedit,我确定上面的不作为是由于需要在代码中以某种方式引用它们,但我不知道如何.此外,Jeditable控件是许多元素id中的一个,如果它有一个方位.

那些知识更多的想法？

我在一个巨大的项目上使用jquery UI datepicker,我现在意识到我需要在某些区域只允许某些工作日.我读了他们的文档并没有找到任何关于它的东西..我知道jq有一些datepickers脚本可以做到这一点但我不想使用任何额外的脚本,如果可能的话.有人知道任何解决方法吗？也许我误解了他们的文档中的任何内容？

注意:所需行为的示例:http://codeasp.net/blogs/raghav_khunger/microsoft-net/1088/jquery-datepicker-disable-specific-weekdays

感谢提前帮助,干杯佩德罗

我确实看到了几个类似的线程,但后来他们发现是不同的问题......我的确似乎是一个特定于浏览器的问题,因为我的日期选择工具在Firefox中运行良好,但肯定不会在IE8中运行. 这是我原来的问题和源代码

我将我的datepicker更新为jQuery UI Datepicker 1.8.11 ...它仍然无法在IE 8中运行!弹出日期选择器很好,但没有任何事件从它发出.我的意思是没有点击......没有任何反应

有任何想法吗？

http://jsfiddle.net/s6Umb/

我得到了这种奇怪的行为,当我创建一个日期选择器时,在选择器下面出现一个小div:

<div 
    id="ui-datepicker-div" 
    class="ui-datepicker ui-widget 
           ui-widget-content ui-helper-clearfix ui-corner-all">
</div>

当我点击日期选择器输入时,这个div似乎成为实际的日历显示,并在我完成时变为隐藏...但在初始化时可见.

这是一个已知问题,还是我做错了什么？

我有一个jQuery datepicker脚本:

$(function() {
    $( "#datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" });
}); 

当我想为两个输入初始化此脚本时,它仅适用于第一个.如何将它用于两个输入？

<input type="text" name="MyDate1" id="datepicker">
<input type="text" name="MyDate2" id="datepicker">

我有jQuery日期选择器设置和工作,但希望帮助设置minDate和maxDate选项.我目前的代码如下(没有这些选项).如何将defaultDate设置为defaultDate之前3个月,maxDate设置为defaultDate之后的28天？

var expdisp = $("#expdisp").attr("value");

$("#expirydate" ).datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true,
    dateFormat: "dd/mm/yy",
    defaultDate: expdisp,
    showOtherMonths: true,
    selectOtherMonths: true,
    changeMonth: true,
    changeYear: true,
});

我有一个UIDatePicker设定的最小和最大日期.我想知道是否有办法隐藏日期/时间列的行,这些日期/时间是在我的最小日期之前或在我的最大日期之后.现在选择器显示每一天,但只有当前周可供选择(粗体),我想要的是将给定周范围之外的数字隐藏起来.这可以用UIDatePicker提供的方式完成,XCode还是我必须从头开始构建自己的选择器？

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.formatter = [NSDateFormatter new];
    [self.formatter setDateFormat:@"dd:hh:mm:ss"];

    NSDate *now = [NSDate date];

    picker.minimumDate = [NSDate date];
    picker.maximumDate = [now dateByAddingTimeInterval:604800];

    [picker setDate:now animated:YES];
    self.counterLabel.text = [now description];

    self.now = [NSDate date];
    self.counterLabel.text = [self.formatter stringFromDate:self.now];

}

有没有办法在datepicker中只显示2个月？我已经设置的是datepicker作为内联版本显示2个月并隐藏月导航.选择日期时,表单提交,默认日期设置为所选日期.这很好用.

问题是,当点击第二个月的日期时,所选日期被设置为默认日期.但现在,第二个月和第三个月是活跃的,而不是第一个月和第二个月.

示例:最初,仅显示2014年5月和2014年6月.当用户点击2014年6月4日时,表单提交,现在显示"6月和7月"而不是"5月和6月".

我已经尝试设置monthOffset和dateRanges(minDate,maxDate).没有解决我的问题.

编辑:制作两个截图,向您展示问题

这是JS:

//program: overview datepicker
    var dpInputField = $('input#program-overview-datepicker-value');
    var defaultDate = (dpInputField.val() == '') ? '1399593600' : dpInputField.val(); // 1399593600 = 9th May 2014 00:00:00

    $('div#program-overview-datepicker').datepick({
        dateFormat: $.datepick.TIMESTAMP,
        monthsToShow: 2,
        changeMonth: false,
        altField: '#program-overview-datepicker-value',
        minDate: '1399593600', // 9th May 2014 00:00:00
        maxDate: '1402790400', // 15th June 2014 00:00:00
        onDate: showDayAndMonth,
        defaultDate: defaultDate,
    }, $.extend($.datepick.regional[window.language]));

    function showDayAndMonth(date) {
        var dayName =  $.datepick.formatDate('D', date);
        var dateName = date.getDate();
        var monthName = $.datepick.formatDate('M', date);

        return {content: '<div …

我正在使用这个bootstrap-datepicker,一切正常,但输入字段不允许手动添加日期,或者至少它对手动输入的输入不起作用.

以下是javascript中的当前选项:

$(function(){
        $('.input-daterange').datepicker({
            endDate: "today",
            todayBtn: true,
            forceParse: false,
            autoclose: true,
            todayHighlight: true
        });        
});

1)第一个问题是当键入日期并按下"输入"键时,日期消失.2)当删除日期并开始键入新日期时,datepicker行为很奇怪.

希望有人能弄清楚如何修复手动输入的日期？

也许在每个输入旁边都有一个日历图标,并且仅从那里触发了日期选择器,这将是一个很好的选择,并且仅为输入而保留文本输入.

这是JSFiddle.

我使用材料(https://material.angular.io/components/datepicker/overview)作为角度5.我们可以在DatePicker中选择年份和月份(我不想选择日期,默认情况下必须选择日期) ？例如: - 如果用户选择7月/ 2017,则组件将其解析为7月的第一天.像新约会(2017,6,1);