尝试在我的ASP.NET MVC网站上实现引导程序日期选择器

本文关键字：实现 引导程序 日期 选择器 网站 MVC 我的 ASP NET | 更新日期: 2023-09-27 18:27:20

我的视图中有以下调用，应该可以让我打开日历并选择日期，我不确定我是否了解如何实现Datepicker。

<script>
    $(document).ready(function () {
        $(".datepicker").datepicker();
    });
</script>
 <li class="input-group-addon">
       <label><%= CRAWebSiteMVC.Properties.Resources.EndDate %> :</label>                
       <input type="text" class="datepicker" placeholder="Click me!">
 </li>

我在NuGet上安装了引导程序日期选择器，我缺少什么或不理解什么？

尝试在我的ASP.NET MVC网站上实现引导程序日期选择器

使用它来初始化您的日期选择器：

<script type="text/javascript">
        $(function () {
            $('#date').datepicker({
                format: 'dd.mm.yyyy',
                weekStart: 1,
                clearBtn: true,
                language: 'de-DE',
                autoclose: true,
                forceParse: false,
                calendarWeeks: true
            });
        });
</script>
<li class="input-group-addon">
       <label><%= CRAWebSiteMVC.Properties.Resources.EndDate %> :</label>                
       <input id="date" type="text" class="datepicker" placeholder="Click me!">
 </li>

有关更多格式设置，请参阅引导程序日期选择器沙箱。您还可以找到实现的示例

这就是在html页面链接中实现引导程序日期选择器的方法

  <div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>
</div>

如何测试引导程序3是否已加载或未链接

// Will be true if bootstrap 3 is loaded, false if bootstrap 2 or no bootstrap
var bootstrap3_enabled = (typeof $().emulateTransitionEnd == 'function');
相关文章：