0
私はTrent Richardsonのタイムピッカーを使用しています。 (http://services.xample.ch:8080/static/js/trentrichardson-jQuery-Timepicker-Addon/)タイムピッカーの幅を設定する
以下私のコードです:
画像の下に
<html>
<head>
<link rel="stylesheet" type="text/css" href="js/jquery-ui-timepicker-addon.css">
<link rel="stylesheet" href="js/jquery-ui-themes-1.11.1/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.1/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery-ui-sliderAccess.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="js/jquery-ui-slider-access-addon.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider_example_2').timepicker({
timeFormat: 'HH:mm:ss',
});
});
</script>
<style>
#slider_example_2
{
width: 150px;
}
.ui-widget-header
{
width: 220px;
font-size: 12px;
color: #102132;
background: #D7E5F2;
}
.ui-timepicker-div dl
{
width: 230px;
font-size: 11.5px;
font-weight: bold;
}
</style>
</head>
<body>
<input type="text" name="time" id="slider_example_2" value="00:00:00"/>
</body>
</html>
すべては、以下の(赤い長方形で述べたように)を除き、私にとっては結構です
タイムピッカーの幅を制御するにはどうすればよいですか?
は、私は以下のように試してみました:
(1)
-ui-widget
{
width: 200px;
}
(2)
-ui.timepicker
{
width: 200px;
}
しかし、私はtimepickerの幅を小さくすることはできません。
誰かが私を助けることができますか?
あなたのスクリプトを参照する前に、あなたのスタイルを定義する必要があり、あなたのスクリプトを置くのに適した場所は、ちょうど身体終了タグの前にあります –