试图将引导日期选择器的日期设置为正常工作

时间:2014-06-20 22:42:54

标签: jquery asp.net twitter-bootstrap datepicker bootstrap-datepicker

基本上,我选择的日期会转到文本框。但由于它没有将日期直接放入StartDateTextBox.Value,我无法访问StartDateTextBox上的日期。有没有办法来解决这个问题?

<script>
        $(function ()
        {
            $("#StartDateTextBox").datepicker({ showOn: "button", buttonImage: "./calendarFull.png", buttonImageOnly: true });

            document.getElementById('StartDateTextBox').value = $("StartDateTextBox").valueOf();
            var sdf = 234;
        }

        );
</script>
<script>
        $("StartDateTextBox").click(function (event) {
            alert($(this).attr("data-my-custom-data"));
            alert($(this).attr("data-row-id"));
            alert($(this).attr("href"));

            event.preventDefault(); // To avoid browsing to href...
        });
        document.getElementById('StartDateTextBox').value = " 234 ";
</script>

1 个答案:

答案 0 :(得分:0)

在我回答我对这个问题的评论之前,我会尝试回答:

当我遇到这样的问题时(从你发布的代码中我猜你一直在尝试和看到解决问题的方法),我想回到基础。我从一个只有我想要的新页面开始:引用jQuery,Bootstrap和日期选择器库,以及最低限度的测试用户界面和脚本。

试试这个: 在页面上添加文本框:<input type="text" value="" id="StartDateTextBox" />,然后输入以下代码:


<script type="text/javascript">
$(document).ready(function () {
  $("#StartDateTextBox").datepicker({ showOn: "button", buttonImage: "./calendarFull.png", buttonImageOnly: true });
});
</script>

我已经测试了该代码并知道它有效。当您将焦点放在文本框上时,它会生成弹出日期选择器,并将您选择的日期添加到文本框中。 请注意我使用过<script type="text/javascript">?这有助于确保在我们初始化日期选择器之前首先加载库。

我看到你正在混合使用本机Javascript选择器和jQuery。选择一个并坚持下去,以避免在样式之间切换时的困惑。 jQuery运行良好,所以我建议你使用它。

现在,我们想要访问现在在文本框中的所选日期?试试这个:

</script>
这应该在警告对话框的文本框中显示日期。

接下来你需要做什么?我看到你正在引用hrefs并谈论停止浏览链接,所以我怀疑这个问题还有更多。引导我,我可以提供帮助。