2014-09-01 43 views
1

我试图让我的脑袋围绕使用jQueryUI DatePicker。我必须了解的一件主要事情是可以在页面加载时设置日期的方式。defaultDate选项与setDate方法之间的差异

做了一些研究之后,我发现了2点不同的方式来做到这一点:

  1. 使用defaultDate选项
  2. 使用setDate方法

我发现了迄今为止的主要区别是, defaultDate选项仅设置datePicker日历本身的值。

鉴于setDate方法在datePicker日历本身中设置了日期input type text &。

一个有趣的事情是,同时使用setDate方法& defaultDate选项时,使用setDate方法日期设置将覆盖使用defaultDate选项日期设置的值。

看到http://jsfiddle.net/vb7mu3sf/

另一对夫妇的分歧,我注意到:

  • 都可以接受的日期为Date类型作为参数(这是非常整齐的),但defaultDate选项接受其他类型的(数&字符串)。
  • setDate方法当然可以随时在日期选择器

被称为有别的我错过了他们的区别是什么?

资源:

回答

1

看一看文档:

defaultDate
设置日期以在第一次打开时突出显示,如果该字段为空白。

setDate
设置日期选择器的日期。

有没有太多的解释。

  • 设置defaultDate属性:如上所述
    • 设置是日期集中当日历打开,该字段为空。
    • 不更新字段。
    • 用户必须点击输入或点击日期才能更新该字段。
  • 调用setDate方法:
    • 更新的领域。
    • 当字段不为空时打开日历会导致日期为集中选中。一种技术或其他的

可能用途:

  • 如果日期是必填字段 - 和 - 有一个默认值,则使用setDate方法。如果用户使用预先输入的日期,则可以节省两次点击。
  • 否则,请使用defaultDate指定用户选择激活日期选择器时关注的日期。

注:

...但defaultDate选项接受其他类型的(数&字符串)。

实际上,setDate接受defaultDate所做的所有日期版本。

setDate方法当然也可以随时调用的日期选择器

好了,defaultDate选项可以设置随时为好。例如,如果有两个日历,例如登记和结帐,并且用户选择了登记日期2014年11月10日,那么您希望将其他日历上的defaultDate设置为2014年11月11日。