日历选择器的样式调整

app/views/users/_user_homework_form.html.erb

@@ -7,8 +7,10 @@
 
   <div class=" mt10">
     <a href="javascript:void(0);" class="BlueCirBtn fl mr10">导入作业</a>
-    <input  type="text" name="homework_common[end_time]" id="homework_end_time" placeholder="截止日期" class="InputBox fl W120" readonly="readonly" value="<%= homework.end_time%>" >
+    <div class="calendar_div fl">
-    <%= calendar_for('homework_end_time')%>
+      <input  type="text" name="homework_common[end_time]" id="homework_end_time" placeholder="截止日期" class="InputBox fl W120 calendar_input" readonly="readonly" value="<%= homework.end_time%>" >
+      <%= calendar_for('homework_end_time')%>
+    </div>
     <!--<div class="fl DateBorder mr10">-->
       <!--<a href="javascript:void(0);" class="pic_date  "></a>-->
     <!--</div>-->

public/stylesheets/new_user.css

@@ -852,8 +852,10 @@ img.ui-datepicker-trigger {
     width:16px;
     height:15px;
     float:left;
+    margin: 7px;
 }
-
+.calendar_input{border-left:none !important;border-bottom: none!important; border-top: none!important; border-right: 1px solid #d9d9d9;}
+.calendar_div{border: 1px solid #d9d9d9;}