在JQuery UI日期选择器中选择星期数或日期

温特尔夫

这是我第一次使用jQuery UI,并且我的JS技能是初学者。

我有什么问题:

我想使用JQuery UI datepicker进行选择:

  1. 当我单击一天时得到一个日期,或者
  2. 当我单击星期数时,得到一个日期范围。

如何获取日期/日期范围?但是,得到一个简单的工作示例将是很好的。

液化石油气

也许这样的事情可以帮助您:

$( "#datepicker" ).datepicker({
showWeek: true,
firstDay: 1
});

// Highlight week on hover week number
$(document).on("mouseenter",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").addClass('ui-state-hover');} );
$(document).on("mouseleave",".ui-datepicker-week-col",
               function(){$(this).siblings().find("a").removeClass('ui-state-hover');} );

// Select week on click on week number
$(document).on("click",".ui-datepicker-week-col",
   function(){
       $first = $(this).siblings().find("a").first();
       $last = $(this).siblings().find("a").last();
       $first.click();
       $parentFirst = $first.parent();
       $parentLast = $last.parent();
       $("#datepicker").val(
       (Number($parentFirst.data("month"))+1)+"/"+$first.text()+"/"+$parentFirst.data("year")
           + " - " +
        (Number($parentLast.data("month"))+1)+"/"+$last.text()+"/"+$parentLast.data("year")
       );
    });

小提琴演示:http : //jsfiddle.net/lparcerisa/hw1tpthb/3/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery日期选择器仅选择星期一

来自分类Dev

jQuery Ui日期时间选择器

来自分类Dev

jQuery UI日期时间选择器

来自分类Dev

jQuery ui 日期选择器

来自分类Dev

无法使用jQuery UI的日期选择器比较日期

来自分类Dev

jQuery UI日期选择器日期格式

来自分类Dev

jQuery-UI 的日期选择器的默认日期范围

来自分类Dev

jQuery日期选择器-从第一个日期选择器中选择之后禁用日期

来自分类Dev

jQuery-日期选择器日期

来自分类Dev

Jquery日期选择器,选择年份

来自分类Dev

不允许用户在jquery日期选择器中选择日期

来自分类Dev

如何在 jquery 日期选择器中选择默认当前日期

来自分类Dev

无法从 Selenium JAVA 中的 jquery datepicker 日期范围选择器中选择日期范围

来自分类Dev

jQuery UI-无法使日期选择器正常工作

来自分类Dev

jQuery Ui日期选择器不起作用?

来自分类Dev

jQuery Mobile UI日期选择器格式

来自分类Dev

jQuery UI-无法使日期选择器正常工作

来自分类Dev

jQuery UI:日期选择器显示不正确

来自分类Dev

在jQuery Mobile UI中添加日期选择器

来自分类Dev

jQuery UI日期选择器显示不正确

来自分类Dev

jquery 日期选择器选择的日期格式

来自分类Dev

如何验证jQuery UI日期选择器“从日期”到“到日期”

来自分类Dev

从jquery日期选择器中选择并跳出dob字段时,年龄未按预期工作

来自分类Dev

忽略 jQuery 日期范围选择器中的星期日

来自分类Dev

jQuery:启用/禁用日期选择器

来自分类Dev

jQuery日期选择器功能

来自分类Dev

jQuery Modernizr日期选择器

来自分类Dev

jQuery-克隆日期选择器

来自分类Dev

jQuery日期时间选择器问题

Related 相关文章

热门标签

归档