如何屏蔽日期框

时间:2015-02-12 09:50:35

标签: mask zk datebox

我在" zk"上有一个日期框我需要用这种方式掩盖它:dd / mm / yyyy

我在网上找到了一些解决方案,但都基于文本框(而不是日期框),如下所示:     jQuery的(compId).mask("日/月/年&#34);

我尝试过使用compid我的日期框但是没有工作......

你可以帮我吗?

1 个答案:

答案 0 :(得分:4)

设置格式很容易(我知道它没有掩码):

<datebox format="dd/mm/yyyy"/>

您可以在the datebox documentation找到它。

其他解决方案可能来自this blog.

编辑:

我不知道为什么你需要一个面具。如果您将格式设置为dd/mm/yyyy,则可以执行以下操作:

  • 12松散焦点=&gt;将在日历中选择的日历/当前年度中选择12个当前月份
  • 122松散焦点=&gt;将在日历中选出12/02 /当年。
  • 0202松散焦点=&gt;将于02/02 /当年在日历中选出。
  • 12/02松散焦点=&gt;将在日历中选出12/02 /当年。
  • 2/2松散焦点=&gt;将于02/02 /当年在日历中选出。
  • 12-02松散焦点=&gt;将在日历中选出12/02 /当年。
  • 12--02/2012松散焦点=&gt;将于12/02/2012。

你明白了吗? ZK确实实现了一个很好的功能,没有大多数人知道它 像这样你也对客户habbits开放,你不想改变它。 (当然必须先安排一天)。

尝试一下,如果你知道这一点,仍需要面具时给出反馈。

编辑2:

聪明地使用了datebox的DOM结构,我提出了以下建议:

jq("@datebox > input").mask("dd/mm/yyyy"); // all datebox get this mask

jq("$date > input").mask("dd/mm/yyyy"); // only datebox with that id get mask

这是在矿山环境中测试的,它确实有效。

编辑3:

Oke,我的enviremont是ZK 6.5.x.
这是它起作用的小提琴:
http://zkfiddle.org/sample/4b9qh0/17-Datebox-MVVM-formatting
正如您所看到的,这适用于ZK 6.5.x但不适用于ZK 7.0.x,所以我仍在搜索它。
&#34; span&gt;输入&#34;适用于ZK 7,但这是所有跨越的输入。

上次修改:

我已经联系过ZK,并且有一个ZK 7的解决方案:

jq('@datebox').find('input')

这也适用于ZK 6,所以这里是the updated fiddle

问题已在ZK 7.0.5中解决