将jquery日期选择器放置在页面的中心

不起作用。日期选择器仍显示在父级（右侧边栏）中的

#cpdate

---

是的，我看到了，但它对我也不起作用。

你可以向你的

CSS

添加一个

类，如下所示：

$("#cpdate").datepicker({
    dateFormat: "dd-mm-yy"
    , beforeShow: function() {
        $('.ui-datepicker').css({
            width: '160px'
            , position: 'fixed'
            , left: 'calc(100vw - 80px)'
            , top: '120px'
        });
    }
});


$("#cpdate").datepicker({
    dateFormat: "dd-mm-yy"
    , beforeShow: function() {
        $('.ui-datepicker').css({
            width: '160px'
            , position: 'fixed'
            , left: 'calc(100vw - 80px)'
            , top: '120px'
        });
    }
});

.ui-datepicker {
  width: 160px;
  position: fixed !important;
  left: calc(50vw - 40px) !important;
  top: 120px !important; 
}