问题标签 [pikaday]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1305 浏览

javascript - Pikaday - 标记或突出某些日期

我正在使用 pikaday,它确实是不错的日期选择器。是否有可能标记或突出某些日期?乍一看,这可以帮助用户区分“常规”日期和一些“重要”日期。

0 投票
1 回答
1084 浏览

angularjs - Angular - Pikaday 日期格式不起作用

我正在使用pikaday-angular指令包装器。我想在输入框中以 MM/DD/YYYY 格式显示日期,因此在指令中提供了格式。

<input pikaday="example.myPickerObject" format="MM/DD/YYYY">

当我单击任何日期时,它会以其默认日期格式而不是我提供的格式显示在输入框中。

这是演示: http: //plnkr.co/edit/mFyTVKeGgUm6wz553hOB

我错过了什么吗?提前致谢。

0 投票
1 回答
762 浏览

javascript - 角 Pikaday 配置

我试图在我的项目中实现一个ngular Pikaday,但是,我无法设置 Pikaday 指令的选项。我不打算在全球范围内实施它,尤其是对于minDatemaxDate选项。当我尝试通过 ID 获取元素时,它工作正常。

我想知道我错过了什么。

小提琴

0 投票
1 回答
2922 浏览

javascript - 正在修改 Pikaday 默认值

我有一个字段可以设置日期。该字段可以有一个格式为 YYYYMMDD 的默认值,并且它正在被转换为正确的格式 DD.MM.YYYY,这对于操作员来说是可以理解的。不要问我为什么,这是一个古老的系统,不,我无法重写它,因为它使用的是大后端。

我只需要向这些字段添加简单的日期选择器。我选择了 Pikaday,它轻巧且简单,足以完成这项特定任务。我的典型用例如下所示:

原始代码是输入标签。剩下的是我的新日期选择器功能。

现在,有什么问题。问题是默认值。假设默认值为 20151023。customType 属性应将正确的日期设为 23.10.2015,但以下 Pikaday 代码段将日期设为 20.03.1023。我不知道为什么。我不太了解javascript,但我猜onSelect 参数只是一种匿名回调函数,只有在用户单击日期选择器按钮时才会调用。

请问有什么建议吗?

谢谢,吉克拉

编辑:

似乎有一个不同的问题。如果有来自后端的任何值,它的值格式为 20151023。并且有​​一个具有某些功能的古老 javascript 文件,它解析值并创建正确的格式 23.10.2015。问题是我的 Pikaday 构造函数在那个古老的解析器之前被调用。即使我在 Pikaday 调用之前使用 jazZRo 的有希望的代码片段来修改值,那个古老的解析器也会因为它需要 YYYYMMDD 格式而吓坏了。所以,我需要的是在古老的解析器之后调用我的东西,或者禁止 Pikaday 构造函数中的 onSelect 回调函数不在页面加载时运行。

那可能吗?

0 投票
2 回答
2245 浏览

javascript - 在输入字段和图标上触发 Pikaday 日期选择器脚本

我正在尝试使用Pikaday日期选择器脚本,它工作正常,但是我想在单击字段和图标时触发它。

我是用jQuery方法绑定的,比如:

哪个工作正常,但后来我尝试了文档中提到的触发选项,因此..

这也适用,但仅适用used_from_cal于具有id的元素;它不再适用于 id 的输入字段used_from

我尝试使用多个选择器,例如:

...但这仅适用于第一个元素。

CodePen: http ://codepen.io/anon/pen/RWJyQL

0 投票
2 回答
1447 浏览

angularjs - Angular - Pikaday:在pickaday元素中更改日期

我正在使用Angular-Pikaday指令,选择和检索日期工作正常。从 pikaday 日期选择器中选择时,pikaday 输入元素中的值会正确更改。

我想通过代码更改 pikaday 输入元素中的值,即来自控制器的某些操作。

我尝试分配 ng-model,它会更改值,但 pikaday datepicker 无法识别它。

链接到Plunker

如何更改 pikaday 输入元素中的值。

谢谢,

0 投票
2 回答
2095 浏览

typescript - pikaday with moment 不工作

我正在尝试使用pikadaywith moment,但不知何故我无法使其工作。

我正在尝试aurelia custom-attribute按如下方式使用它:

尽管moment在 之前导入pikaday,但它不起作用(正如其他 SO 问题和 GitHub 问题中所建议的那样),并且 getMoment() 始终为空。甚至日期默认情况下也不是按照format.

我还发现它hasMoment总是falsein pikaday.js,因为它在第一个代码块中没有正确设置(在下面的pikadayas 的源代码中):

这让我觉得我可能以moment错误的方式导入。谁能帮我解决这个问题?

附加细节: 我的项目设置如下:

tsconfig.json

我也在使用system.js

解决方法:内部main(aurelia 配置):

而且,是的,我知道这很丑陋,但确实有效:)

0 投票
1 回答
1084 浏览

datetime - Pikaday 格式不起作用

如果我有一个来自我的数据库的日期时间字符串,例如 2016-02-07 00:00:00 我怎样才能让我的输入字段使用格式“DD MMM YYYY”显示它

我定义了 moment.js 和以下 pikday 实例,但默认设置值未按我想要的方式显示。相反,输入字段将其显示为20 Jan 0000. 如何让 pikaday 以您想要的格式显示任何有效的日期时间字符串?

0 投票
1 回答
1761 浏览

momentjs - 使用 moment.js 的自定义格式(或正则表达式)

是否可以定义一些包含要被 moment.js 忽略的字符串的自定义格式?

我有一个日期字符串,如下所示:

14-Apr [not valid]

在将日期传递给 moment.js 之前,我不可能更改日期,我想知道 moment.js 是否会提供一种处理此类情况的方法。

Moment.js 被pikaday.js库使用,同时也被handsontable.js 库使用。

pikaday.js没有回调,例如onBeforeOpenhandsontable.js 也没有提供它。

0 投票
0 回答
123 浏览

javascript - 添加自定义按钮以查看 pikaday 中的前几年和下一年

我正在研究 pikaday 并对其进行自定义。谁能帮我添加一个按钮,将我们带到上一年和明年(在 pikaday 中有一个内置的 prev 和 next 按钮几个月;我想添加一个额外的按钮移动到上一年和下一年以及几个月)。