使用简单的Javascript或Jquery的日期选择器

时间:2009-12-26 13:19:25

标签: javascript jquery html css

我有一个包含多个日期字段的表单,有人可以在jquery或简单的javascript中建议我简单的日期选择器吗?

5 个答案:

答案 0 :(得分:14)

这是一个非常简单的(不需要JS框架),我希望你发现它很有用。它看起来像这样: alt text

这是链接:

答案 1 :(得分:5)

您可以使用Syncfusion的EJ2 DatePicker进行检查。 Syncfusion Essential JS 2 DatePicker是一个现代的JavaScript UI控件库,它从头开始构建,具有轻巧,响应迅速,模块化和触摸友好的特点。这是渲染EJ2 DatePicker的代码示例。

[datepicker.html]

<html>

<head>
    <script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>
    <link href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet">
</head>

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

    <script>
        var datepicker = new ej.calendars.DatePicker({ width: "255px" });
        datepicker.appendTo('#datepicker');
    </script>
</body>

</html>

实时演示:https://stackblitz.com/edit/zfby6h-uep3wc?file=index.html

要了解有关EJ2 DatePicker及其功能的更多信息,请查看以下链接,

文档:https://ej2.syncfusion.com/javascript/documentation/datepicker/es5-getting-started
专题导览:https://www.syncfusion.com/javascript-ui-controls/datepicker
演示样本:https://ej2.syncfusion.com/demos/#/material/datepicker/default.html

有关任何帮助,您可以通过Syncfusion forums进行询问。

答案 2 :(得分:2)

我使用Keith Wood's datepicker现在已合并到JQuery UI,现在变成了JQuery UI Date Picker。编辑它很简单,我甚至对它进行了一些修改,使它能够完成我对项目的需求。

由于

答案 3 :(得分:1)

我使用Jquery UI datepicker。简单而多彩。 http://jqueryui.com/demos/datepicker

答案 4 :(得分:-1)

我使用this并发现它很好。