我正在使用jquery UI内联日期选择器。无论我做什么,无论我运行程序的屏幕尺寸如何,日期选择器的大小总是比我想要的大得多。
这是HTML:
<div>
<li draggable="true" class="list" id="g1">goof</li>
<div id="gc1" class="datepicker hasDatepicker">
.
.
.
这整个内容是在js中动态创建的:
var container = document.createElement("div");
var node = document.createElement("li");
node.setAttribute("draggable", "true");
node.setAttribute("class", "list");
node.setAttribute('id','g'+i);
var textnode = document.createTextNode("goof");
node.appendChild(textnode);
container.appendChild(node);
//Calendar
var cal = document.createElement("div");
cal.setAttribute('id','gc'+i);
cal.setAttribute("class","datepicker");
//cal (calendar) part of the container
container.appendChild(cal);
//container is a part of the list
document.getElementById("list").appendChild(container);
我试图直接改变日期选择器的宽度,试图改变相对于它的父母和兄弟姐妹的宽度。但没有任何效果。我该怎么办?