Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery引导数据采集器不采用modal作为它';父母_Jquery_Twitter Bootstrap_Model View Controller_Knockout.js_Playframework - Fatal编程技术网

Jquery引导数据采集器不采用modal作为它';父母

Jquery引导数据采集器不采用modal作为它';父母,jquery,twitter-bootstrap,model-view-controller,knockout.js,playframework,Jquery,Twitter Bootstrap,Model View Controller,Knockout.js,Playframework,我有一个引导模式,滚动,我知道内容太长,它是模态,但我无能为力 问题是我在该模式中有一个jQuery日期选择器,但它将主体作为父对象,并且只使用主体而不是模式滚动。我希望在模式中滚动时,日期选择器保持在原来的位置 我尝试了一些技巧,将模态的位置从固定变为绝对,但如果日期选择器将身体作为其父对象,则它将不起作用 MVC正在调用该模式: @Helpers.modal_common( modalId = "someid", modalTitle = "sometitleforthemodal

我有一个引导模式,滚动,我知道内容太长,它是模态,但我无能为力

问题是我在该模式中有一个jQuery日期选择器,但它将主体作为父对象,并且只使用主体而不是模式滚动。我希望在模式中滚动时,日期选择器保持在原来的位置

我尝试了一些技巧,将模态的位置从固定变为绝对,但如果日期选择器将身体作为其父对象,则它将不起作用

MVC正在调用该模式:

@Helpers.modal_common(
  modalId = "someid", 
  modalTitle = "sometitleforthemodal"
 ) {
我打电话给日期选择器:

    <label class="control-label col-sm-3"> Date: </label>
          <div class="col-sm-5" data-bind="validationOptions:{ insertMessages: false }">
            <div class='input-group date' data-bind="newdatetimepicker: expiry,
                     dateTimePickerOptions: {format: 'MM/DD/YYYY', pickTime: false}">
              <input type='text' readonly class="form-control" />
              <span class="input-group-addon">
                <span class="fa fa-calendar"></span>
              </span>
            </div>                
          </div>
下面是一个代码笔示例,说明了我所说的内容


任何帮助都会很好

日期选择器控件使用固定定位将弹出窗口放置在与日期选择器触发器相关的所需位置。固定定位意味着无论内容滚动到哪里,它都保持在屏幕上的相同位置。如果你试图覆盖定位,你会发现行为开始变得怪异

为什么希望日期选择器在滚动时滚动?如果您正在滚动,并且希望控件有可能从屏幕上滚动出去,那么您可能不需要以任何方式打开它

ko.bindingHandlers.newdatetimepicker = {
  init: function (element, valueAccessor, allBindingsAccessor) {
     allBindings = allBindingsAccessor();
     var options = {
          format: 'MM/DD/YYYY',
          defaultDate: ko.utils.unwrapObservable(valueAccessor())
      };
 ko.utils.extend(options, allBindings.dateTimePickerOptions)
$(element).datetimepicker(options).on("change.dp", function (evntObj) {
  var observable = valueAccessor();
  if (evntObj.timeStamp !== undefined) {
    var picker = $(this).data("DateTimePicker");
    var d = picker.getDate();
    observable(Date.parse(d));
  }
 });
 },
   update: function (element, valueAccessor) {
     var value = ko.utils.unwrapObservable(valueAccessor());
     $(element).data("DateTimePicker").setDate(value);
    } 
  };