使用Javascript/jQuery的日期选择器

Question

我在寻找一个简单的集成日期选择对象，当有人专注于一个特定的文本框这将被触发。当用户点击或关注文本框时，日期选择器界面应该弹出，并显示当前日期，用户可以轻松选择日期。完成后，文本框的格式应为YYYY-MM-DD（mysql日期格式）。

这也有可能需要2个文本框采摘的开始和结束日期。

任何想法？

Answer 1

你见过jQuery用户界面的datepicker？它完成了以上所有内容。

HTML

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

的JavaScript

$('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' }); 

Answer 2

如果你想 '简单整合'，我谦恭地建议你给我的JavaScript时间选择器一试，我希望你觉得它有用。它看起来像这样：

而这里的链接：

• http://splinter.com.au/blog/?p=278
• http://github.com/chrishulbert/datepicker

Answer 3

你可以尝试Zebra_Datepicker, a lightweight datepicker jQuery plugin

下面是一个例子answe同时提出你的问题。 假设你有两个文本框，一个个，起始日期和一个与结束日期，就像这样：

<input type="text" name="start_date" id="start_date"> 
<input type="text" name="end_date" id="end_date"> 

现在，在你的JavaScript文件，后您包括jQuery的，Zebra_Datepicker，及其相关的CSS文件，你会使用类似：

$(document).ready(function() { 
    $('#start_date').Zebra_DatePicker({ 
     direction: true,   // future-only calendar, starting today 
     format:  'YYYY-MM-DD', // the format you want 
     pair:  $('#end_date') // we pair the two elements 
    });  
    $('#end_date').Zebra_DatePicker({ 
     direction: true,   // future-only calendar, starting today 
            // (unless a date is selected in the other 
            // element when the date picker will become 
            // future-only, starting that particular date) 
     format:  'YYYY-MM-DD'  // the format you want 
    });  
});