相关疑难解决方法(0)

jQueryUI中的datepicker呈现动态位置.它根据它的css呈现是否有足够的空间,但如果没有足够的窗口空间,它会尝试在屏幕上呈现.我需要它每次都保持放置并在同一个地方渲染,与屏幕位置或其他情况无关.如何使用jQueryUI datepicker完成这项工作？jQuery datepicker的其他实现似乎有办法实现这一点,但我没有看到为UI版本执行此操作的方法.

答案似乎不仅仅是修改css:

.ui-datepicker { width: 17em; padding: .2em .2em 0; (trying top/margin-top/position:relative, etc. here...)}

...因为在创建日期选择器时,它会以元素样式动态创建顶部和左侧.尚未找到解决方法.我看到的一种方法是在beforeShow选项中给出类似的东西:

beforeShow: function(input,inst){
                                inst.dpDiv.css({ 
                                   'top': input.offsetHeight+ 'px', 
                                   'left':(input.offsetWidth - input.width)+ 'px'
                                               });
                                }

这有一些效果,但在datepicker呈现时运行此属性后仍然会动态设置top和left属性.它仍然试图在屏幕上呈现.如何让它始终在同一位置渲染？我的下一步可能是进入datepicker胆量并开始拉出来.有任何想法吗？

请注意,答案(对于UI版本)不在:

• 如何对变化的,弹出位置的最-jQuery的日期选择器控制
• 变化的位置 - 的 - jQuery的UI的日期选择器

如果我想通过将JQUERY UI datepicker附加到DIV来内联显示它$("div#someID").datepicker()- 如何访问所选日期？我假设如果它不受约束,INPUT那么它将不会与表单一起提交.

我想作为一个后续,如果我需要将它绑定到一个INPUT元素,有没有办法控制datepicker相对于INPUT元素的位置？如果我希望datepicker出现在元素的上方或侧面而不是低于它,我该怎么做？

如果这个答案真的很明显,请原谅我.

我正在开发一个包含AJAX Modelpoup Extender和的ASP.Net webform jquery nepali-datepicker.我必须集成nepali-datepicker到我的第二个文本框中,modelpopup即下面的图像中显示蓝色背景.我面临的问题是我无法datepicker在底部定位textbox

基于帖子上的答案(如何更改jQuery DatePicker控件的弹出位置)我能够在第二个模型弹出窗口前面引入datepicker.有没有办法可以用来将datepicker实际放置到文本框中.

这是我的脚本和样式:

<script type="text/javascript">        
    function pageLoad() {
        $('.nepali-calendar').nepaliDatePicker();
    }

    $(document).ready(function () {
        $('.nepali-calendar').nepaliDatePicker();

    });
</script>    

<style type="text/css">
    div#ndp-nepali-box
    {
        position:absolute;
        z-index: 999999;
    }
</style>

下图显示了它现在的位置.

如果我position用作relative.

<style type="text/css">
    div#ndp-nepali-box
    {
        position: relative;
        z-index: 999999;
    }
</style>

看起来像

有没有办法可以用来将datepicker实际放在文本框的底部.

我可以将日期选择器移动到日历图标附近吗？？？对此的任何修复将不胜感激。日期选择器是动态生成的。

我已经给了 div id

<div class="datepick col-sm-6">
                            <div class='input-group date' id='datetimepicker1' >
                                <input type='text' class="form-control" placeholder="Select Start Date"/>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                    </div>
    <script>
     $('#datetimepicker1').datepicker({
            autoclose: true,
            startDate: '-0m',
            todayHighlight: true
        }).on('changeDate', function(ev){
            $('#sDate1').text($('#datetimepicker1').data('date'));
            $('#datetimepicker1').datepicker('hide');
        });
    </script>

我正在为属性创建一个PHP站点.我是jQuery和jQuery UI的新手,但似乎无法在其他任何地方找到答案.

请看这个截图(全尺寸):

对于每个"已接收"和"到期"框,我想要一个jQuery datePicker框出现并格式化如图所示.

为了测试这个,我试图创建一个例子.

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.9.custom.css" rel="Stylesheet" />    
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>

<script>
    $(function() {
        $( "#datepicker" ).datepicker({ dateFormat: 'yy-mm-dd' });
        $( "#datepicker2" ).datepicker({ dateFormat: 'yy-mm-dd' });
    });
</script>
<style>
.ui-datepicker {
  font-size: 80%;
}
</style>

<p>Date: <input id="datepicker" type="text" /></p>
<p>Date2: <input id="datepicker2" type="text" /></p>

哪个工作正常,但如何让任何文本框的日期选择器出现,而不必重复JS这么多次.

例如,50个属性,页面上可能有200个输入框,需要填写日期.

以下是屏幕截图中的一些示例代码.

<tr>
  <td>Property ID</td>
  <td>House Number</td>
  <td>Address Line 1</td>
  <td>Gas Expiry</td>
  <td>Gas Received</td>
  <td>Electric Expiry</td>
  <td>Electric Received</td>
  <td>Property Active</td>
  <td>Update</td>
</tr>

<tr>
  <td>4</td>
  <td>6</td>
  <td>East …