Twitter Bootstrap Datetimepicker 使用普通按钮进入日期

Question

我正在使用 bootstrap、php 和 jquery 开发计划器，我想使用 datetimepicker (http://www.eyecon.ro/bootstrap-datepicker/) 在计划器上转到不同的日期并查看当天的任务。 我想使用普通按钮来触发日期选择器。然后，每当用户选择一个日期时，使用 GET 创建一个链接，如 index.php?page=planner&date=2013-08-03。我试图不使用输入字段，但只要可能，只要单击日期以立即创建 GET 链接..

示例图片：

如何创建一个像这样工作的按钮？

我正在使用以下 HTML：

<a id="diff-date" class="btn btn-large btn-primary" href="#">Date <i class="icon-calendar icon-white"></i></a>

以下 JQuery：

$(function() {
    $('#diff-date').datetimepicker({
      pickTime: false
    });
  });

到目前为止没有成功..希望有人可以提供帮助！

编辑

我通常使用这个 HTML：

<label>Datum:</label>
<div id="datum" class="input-append">
     <input data-format="dd-MM-yyyy" type="text" name="datum" placeholder="Kies een     datum..." /><span class="add-on"><i data-date-icon="icon-calendar"></i></span>
</div>

还有这个 JQuery：

$(function() {
    $('#datum').datetimepicker({
      pickTime: false
    });
});

要实现这一点：

Answer 1

你很困惑：

http://tarruda.github.io/bootstrap-datetimepicker/

有了这个：

http://www.eyecon.ro/bootstrap-datepicker/

它们不一样。

Answer 2

试试这个：

$(document).ready(function() {
    $('#diff_date').datepicker().on('changeDate', function(ev){
      var choosenDate = ev.date;
      //Add a specific treatment for the date here...
      $('#diff-date').datepicker('hide');
    });
    $('#diff_date').click(function() {
        $('#diff-date').datepicker('show');
    });
}

并更改链接的 html，例如：

<a id="diff-date" class="btn btn-large btn-primary" href="#" data-date-format="yyyy-mm-dd" data-date="2012-02-20">Date <i class="icon-calendar icon-white"></i></a>

仅供参考，这是site 中用于与日历建立链接的代码：

var startDate = new Date(2012,1,20);
var endDate = new Date(2012,1,25);
$('#dp4').datepicker()
    .on('changeDate', function(ev){
        if (ev.date.valueOf() > endDate.valueOf()){
                    $('#alert').show().find('strong').text('The start date can not be greater then the end date');
        } else {
            $('#alert').hide();
            startDate = new Date(ev.date);
            $('#startDate').text($('#dp4').data('date'));
        }
        $('#dp4').datepicker('hide');
    });

以及相应的 Html

Start date<a href="#" class="btn small" id="dp4" data-date-format="yyyy-mm-dd" data-date="2012-02-20">Change</a>