小编Pim*_*Web的帖子

jquery daterangepicker不能用于模态

我有一个模式弹出窗口(来自bootstrap)打开并包含一个带有daterangepicker的文本输入,但是daterangepicker不起作用(我点击文本框时什么都看不到),我在控制台中看不到任何错误.

这是输入:

<div id="divChooseDossier" class="modal hide fade" role="dialog" aria-hidden="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>@DossierReceipts.ChooseDossier</h3>
</div>
<div class="modal-body">
<input type="text" class="datePicker ui-rangepicker-input search-query input-small"
                id="lastModifiedDateFilter" />
</div>
<div class="modal-footer">
    <a href="#" class="btn" onclick="$('#divChooseDossier').modal('hide')">@DossierReceipts.Cancel</a>
</div>
Run Code Online (Sandbox Code Playgroud)

这是创建daterangepicker的javascript:

$("#lastModifiedDateFilter").daterangepicker({
        dateFormat: "yy.mm.dd"
        , rangeSplitter: '-'
    });
Run Code Online (Sandbox Code Playgroud)

这是打开弹出窗口的javascript:

$("#divCreateReceipt").modal("show");
Run Code Online (Sandbox Code Playgroud)

有谁知道为什么这不起作用?谢谢

UPDATE

以下是弹出窗口的完整代码:

@{
ViewBag.Title = "Dosare";
}
@using ExpertExecutor.Resources.Dossier



@section leftMenu{
@Html.Partial("_LeftMenu")
}



@Scripts.Render("~/bundles/daterangepicker")
@Scripts.Render("~/bundles/watermark")
@Styles.Render("~/Content/daterangepicker")

<script src="@Url.Content("~/Scripts/jquery.watermark.min.js")" type="text/javascript">     </script>
<script src="@Url.Content("/Scripts/jquery.jqGrid.fluid.js")"></script>

@Html.Hidden("redirectUrl", (string)ViewBag.RedirectUrl)

<div class="form-search form-inline alert alert-info">
<fieldset>
    <legend>@Index.FiltersCaption</legend>
    <dl>
        <dd> …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery daterangepicker twitter-bootstrap

2
推荐指数
2
解决办法
7937
查看次数

取消绑定Kendo UI网格事件

我在剃须刀中使用kendo ui网格,在网格的声明中我有这句话:

.Events(ev => ev.Change("rowClick"))
Run Code Online (Sandbox Code Playgroud)

rowClick单击一行时,此事件正在执行.

用户进行第一次点击,我激活一个按钮,我不再需要该事件了.

如何取消绑定与javascript中的Change事件关联的rowClick方法?

我的网格对象:

var grid = $("#grid").data("kendoGrid");
Run Code Online (Sandbox Code Playgroud)

javascript jquery kendo-ui kendo-grid

2
推荐指数
1
解决办法
8121
查看次数

如何自动关闭并单击图标datepicker bootstrap

我有代码问题:

<div class="control-group input-append date">
  <label class="control-label" for="cid">Check In</label>
  <div class="controls">
    <input class="span8 required" name="cid" type="text" id="cid">
    <span class="add-on"><i class="icon-calendar"></i></span>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript:

<script>
   $('#cid').datepicker();
</script>
Run Code Online (Sandbox Code Playgroud)

我确实做过插入jquerydatepicker javascript.

问题:

  1. 日期无法自动关闭.我想在点击日期之后,表日期将自动关闭.

  2. 图标日历无法单击.我想如果用户点击表格输入旁边的图标日历,表格日历将显示.

谢谢

javascript jquery twitter-bootstrap twitter-bootstrap-2

2
推荐指数
1
解决办法
1万
查看次数

使用折叠的Bootstrap导航栏上的按钮切换隐藏了class ="hidden-xs"的特定div的显示

我有一个复杂的搜索表单,我想在移动浏览器上默认隐藏,而是在导航栏中显示一个切换其显示的图标.

包含搜索表单的div默认隐藏在移动设备上使用 class="hidden-xs"

我想要做的就是拥有,$("#search").fadeToggle()但这并没有成功,事实上它似乎没有做任何事情.

相反,我部分在那里使用,$("#search").removeClass('hidden-xs')但这显然不会切换,或给予淡出效果.我错过了一些明显的东西吗 搜索表单非常复杂,即使在大屏幕上也不希望它显示在导航栏中.

jsfiddle - http://jsfiddle.net/ZNUBx/1/

javascript jquery navbar twitter-bootstrap twitter-bootstrap-3

2
推荐指数
1
解决办法
2954
查看次数

在Bootstrap 3旋转木马上的中心按钮

我试图将一个按钮放在一个bootstrap 3旋转木马上,这个按钮悬停在旋转木马上方.

我尝试将按钮包装在div类中,并使用text-align:center; 或保证金:0自动; 没有成功.

我可以手动设置.hover-class的margin-left; 这会起作用,但它并不完全集中.如何居中我的按钮?

这是我的代码:

HTML:

<!--The slider-->
<section>
    <div class="hover-slide">
            <a href="#page-intro" class="btn btn-default start-me">Let's go</a>
    </div>
    <div id="slider-top" class="carousel slide" data-ride="carousel">

        <!--Indicators-->
        <ol class="carousel-indicators">
            <li data-target="#slider-top" data-slide-to="0" class="active"></li>
            <li data-target="#slider-top" data-slide-to="1"></li>
            <!--<li data-target="#slider-top" data-slide-to="2"></li>-->
        </ol>


    <!--Wrapper for the the slide-->
    <div class="carousel-inner">
        <!--specify first slide-->
        <div class="item active">
            <img src="img/01.jpg" alt="Foto1">
            <div class="carousel-caption">
                <h3>TEST</h3>
            </div>
        </div>
        <!--specify second slide-->
        <div class="item">
            <img src="img/02.jpg" alt="Foto2">
            <div class="carousel-caption">
                <!--<a href="#page-intro" class="btn btn-default start-me">Let's go</a>-->
                <h3>TEST SLIDE 2</h3> …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap twitter-bootstrap-3

2
推荐指数
1
解决办法
7750
查看次数

无法将MemoryStream参数传递给WCF方法?

我在Service1.svc.cs中有一个方法,下面是代码

public void SaveData(int UserId, System.IO.MemoryStream File)
{
   //Some code
}
Run Code Online (Sandbox Code Playgroud)

我从xaml.cs传递值

savedata.SaveDataAsync(userId, ms);
Run Code Online (Sandbox Code Playgroud)

错误是

无法从'System.IO.MemoryStream'转换为'SignSilverlight.ServiceReference1.MemoryStream'

怎么解决 ?

.net c# asp.net silverlight wcf

1
推荐指数
1
解决办法
1820
查看次数

配置引导弹出窗口仅出现一次?

我使用 Bootstrap .popover() 在输入字段与预期格式不匹配时显示通知。我认为在事件中杀死弹出窗口会很简单hidden.bs.popover,但这样做会使我陷入递归循环,并显示错误:

error (firebug): 
  too much recursion

line 4985 in wordpress/wp-includes/js/jquery/jquery.js?ver=1.10.2
    for ( ; cur; cur = cur.parentNode ) {
Run Code Online (Sandbox Code Playgroud)

我尝试从事件处理程序返回 false 以及调用.preventDefault(). 我可以理解为什么这是一种错误的方法,并且会询问有关如何在 .popover 显示并关闭一次后彻底销毁它的建议。

invalid_regex_input.popover({ 
    placement: 'top',
    title: 'Invalid  input', 
    content: 'Please type in a valid value'
})
.on('hidden.bs.popover', function (e) {
    //console.log('destroy', e);
    //e.preventDefault();

    $(this).popover('destroy');

    //return false;
})
.popover('show');
Run Code Online (Sandbox Code Playgroud)

javascript jquery twitter-bootstrap

1
推荐指数
1
解决办法
2393
查看次数

几个jumbotron用不同的背景颜色

我想在页面上放几个不同背景颜色的jumbotron(bootstrap 3).请帮帮我.

css twitter-bootstrap twitter-bootstrap-3

1
推荐指数
1
解决办法
2万
查看次数

具有自动完成功能的角度下拉列表

我正在使用Angularjs的bootstrap.我的页面中有很多下拉菜单,并希望实现功能,因为应该有一个文本框,焦点显示数组中的数据和键入显示自动完成功能.

我尝试了两种自动完成方法,但它们只是显示有关键入的数据.当我们输入下拉列表中没有任何数据显示时.喜欢这个指令

<angucomplete id="ex1" placeholder="Select Nationality" selectedobject="std.NATIONALITY_ID" localdata="nationalities"    searchfields="description" titlefield="description" minlength="1"   inputclass="form-control form-control-small"/>
    </div>
Run Code Online (Sandbox Code Playgroud)

这显示了关于键入的数据我想要一个焦点列表和键入时自动完成.请为此建议一种方法或角度或引导.

autocomplete angularjs

1
推荐指数
1
解决办法
3万
查看次数

在 Github 页面中部署 React - 无法加载资源:服务器响应状态为 404

我正在制作 React 应用程序。


首先,我正在使用SASS在 GH 页面上进行部署,现在遇到了这个问题。有人能告诉我如何解决这个问题吗?

我不知道我到底需要添加哪些代码,所以只需告诉我需要添加代码的哪一部分即可。

在此输入图像描述

有错误的页面

css sass reactjs webpack

1
推荐指数
1
解决办法
6512
查看次数

Bootstrap:改变小文本

我有Twitter Bootstrap和jQuery的以下问题:

我有一个标题,里面h1和一个副标题small.我想使用jQuery更改两者的文本.我的代码如下:

HTML:

<h1 id='h1id'>
    Hello World
    <br>
    <small id='smallid'>Here I am!</small>
</h1>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

$(document).ready( function() {

    $('#h1id').text('I can change this');
    $('#smallid').text('But not this');

});
Run Code Online (Sandbox Code Playgroud)

h1发生变化,但small-元素消失.我怎样才能解决这个问题?

这里有实例

html javascript jquery

0
推荐指数
1
解决办法
2725
查看次数

如何使用bootstrap列在标签内的一行中创建文本?

标签下面的文字分为两行.

如何在不更改引导列的情况下在一行中创建标签,如下所示.

labels.html

<div class="form-group col-md-6 fieldHeight">
    <label for="erh" class="col-md-5 required">Enterprise Reporting Hierarchy:</label>
    <div id="multiDropDownDiverh" class="dropdown col-md-7">
        <input type="text" class="form-control" id="erh" ng-model="nonPersistentProcess.erhKey">
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css3 twitter-bootstrap

0
推荐指数
1
解决办法
4337
查看次数