使用Javascript在列表中滚动日历

Question

我正在创建一个日期选择器。这很容易从移动设备访问。我现在正在使用默认日历。现在，天数显示在标题中。但是，我希望垂直显示日期和日期。例如，

    Sun 1
    Mon 2
    Tues 3 and so on

请检查以下代码。

 var datePicker = $(".calendar").datepicker({});

.datepicker {
overflow-y: scroll;
height: 150px;
}

<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">Launch Modal</button>
<div id="myModal" class="modal hide fade" style="height: 400px; overflow: scroll">
    <div style="height:300px"></div>
    <div>Choose Date:
        <input class="calendar" />
    </div>
    <div style="height:300px"></div>
</div>

如果您在给出答案时使用http://jsfiddle.net/，那将会很棒。