标签: pikaday

我正在使用Pikaday javascript datepicker.

默认功能是将其附加到输入,因此单击输入将加载日期选择器,其位置将相对于输入.

我想要的是使用这个库来显示一个始终可见的日历.我尝试了几件没有成功的事情,比如将它附加到div.我希望能够让它始终显示并能够控制它的位置.

有任何想法吗？

我正在使用Pikaday,它需要Moment.js格式化日期.这允许简单的日期格式:

var picker = new Pikaday({
  format: 'YYYY-MM-DD'
});

但是,当我加入Pikaday npm包时,Moment.js 超过40kb.我需要它的所有内容都是将日期格式更改YYYY-MM-DD为几乎无法使用的默认Pikaday格式.

我是否可以在不包含40kb库的情况下完成此操作？

我正在使用pikaday日期选择器插件(通过角度指令和momentjs)并将值发送到服务器.转换为json似乎失去了一天但是:

var d = myPikaObject.getDate();
console.log(d);              // Thu Apr 30 2015 00:00:00 GMT+0200 (SAST)
console.log(d.toJSON());     // 2015-04-29T22:00:00.000Z

我认为这是一个偶然的问题,但我不知道出了什么问题.

我正在使用 pikaday 模块作为日期选择器，但格式不合适。我尝试添加这行代码但仍然不起作用：

.config(['pikadayConfigProvider', function (pikaday) {
    pikaday.setConfig({
        numberOfMonths: 1,
        format: "YYYY/MM/DD"
    });
}]) 

这就是我的 html 的样子：

.config(['pikadayConfigProvider', function (pikaday) {
    pikaday.setConfig({
        numberOfMonths: 1,
        format: "YYYY/MM/DD"
    });
}]) 

还尝试添加为内联属性

格式=“年/月/日”

还是行不通。

任何帮助

我像这样使用 Pikaday.js：

new Pikaday({
            field: document.getElementById('top-banner-datepicker'),
            minDate: new Date()

我知道答案就在文档中的这个例子中：

var picker = new Pikaday({
    field: document.getElementById('datepicker'),
    format: 'D/M/YYYY',
    toString(date, format) {
        // you should do formatting based on the passed format,
        // but we will just return 'D/M/YYYY' for simplicity
        const day = date.getDate();
        const month = date.getMonth() + 1;
        const year = date.getFullYear();
        return `${day}/${month}/${year}`;
    },
    parse(dateString, format) {
        // dateString is the result of `toString` method
        const parts = dateString.split('/');
        const day = parseInt(parts[0], 10);
        const month …

我使用Pikaday作为日期选择器,因为JQuery Datepicker与Prototype Library发生冲突.

这里有几个问题.

1. 如何在多个文本框中使用pikaday datepicker
2. 如何格式化日期.以前通过使用JQuery Datepicker来更改格式我只需要
   添加dateFormat:"dd M yy",

这是示例代码

<input type="text" id="datepicker">

<script src="pikaday.js"></script>
<script>

var picker = new Pikaday(
{    
    changeMonth: true,
    changeYear: true,
    field: document.getElementById('datepicker'),
    firstDay: 1,
    minDate: new Date('2000-01-01'),
    maxDate: new Date('2020-12-31'),
    yearRange: [2000,2020]

});

</script>

我想将Pikaday日期选择器与 ReactJS 一起使用。它不是基于 ReactJS。我该如何使用它？

我正在尝试使用pikaday datepicker,我试图避免jquery datepicker因为它的依赖性和沉重的图像,但我无法实现我想要的pikaday.

我在一个表单中有一个from to field,可以在to字段中选择的日期不应该过去到from字段..我尝试过如下但是它不起作用.

var picker = new Pikaday({
    field: document.getElementById('start')
});
var picker2 = new Pikaday({
    field: document.getElementById('end'),
    minDate: new Date(document.getElementById('start').value)
});

一个纯粹的JavaScript解决方案对我来说更好,任何人都可以指导我解决这个问题？

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

我正在使用该jQuery方法绑定它,例如:

var picker = new Pikaday({
    field: $('#used_from')[0]
});

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

var picker = new Pikaday({
    field: $('#used_from')[0],
    trigger: $('#used_from_cal')[0],
});

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

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

var picker = new Pikaday({
    field: $('#used_from, #used_from_calc')[0]
});

......但这只适用于第一个元素.

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

我正在使用Pikaday数据选择器.我无法将默认格式覆盖为MM/DD/YYYY.我已经包含了Pikaday库和Moment.js但它仍然不起作用.

<input id="datepicker" type="text" />

    var picker = new Pikaday(
    {
        field: document.getElementById('datepicker'),
        format : "MM/DD/YYYY",
        firstDay: 1,
        minDate: new Date('2000-01-01'),
        maxDate: new Date(),
        yearRange: [2000,2020]      
    });

这是我的小提琴:http:
//jsfiddle.net/gfinzer/t046bqm2/2/