Close #31: Select seconds

Author: darrenfang

.circleci/config.yml

@@ -17,7 +17,7 @@ jobs:
     steps:
       - add_ssh_keys:
           fingerprints:
-            - "17:16:87:45:9e:a8:89:a1:c2:ed:62:72:7b:dc:fa:ed"
+            - '17:16:87:45:9e:a8:89:a1:c2:ed:62:72:7b:dc:fa:ed'
       - checkout
       - run: yarn install
       - run: yarn docs

README.md

@@ -56,6 +56,7 @@ Once installed, it can be used in a template as simply as:
 | hideDetails      | Boolean       | false               | see [Vuetify Docs](https://vuetifyjs.com/zh-Hans/components/text-fields 'Vuetify Docs') |
 | appendIcon       | String        |                     | see [Vuetify Docs](https://vuetifyjs.com/zh-Hans/components/text-fields 'Vuetify Docs') |
 | prependIcon      | String        |                     | see [Vuetify Docs](https://vuetifyjs.com/zh-Hans/components/text-fields 'Vuetify Docs') |
+| useSeconds       | Boolean       | false               | see [Vuetify Docs](https://vuetifyjs.com/zh-Hans/components/text-fields 'Vuetify Docs') |
 
 ## Events
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuetify-datetime-picker",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "DatetimePicker component for Vuetify.js.",
   "main": "dist/index.js",
   "scripts": {

src/app.vue

@@ -40,6 +40,12 @@
           </v-datetime-picker>
         </v-flex>
       </v-layout>
+      <v-layout row justify-center>
+        <v-flex xs4>
+          <span class="subheading">Select Seconds</span>
+          <v-datetime-picker v-model="datetime" use-seconds></v-datetime-picker>
+        </v-flex>
+      </v-layout>
     </v-container>
   </v-app>
 </template>

src/components/DatetimePicker.vue

@@ -43,6 +43,7 @@
               scrollable
               :format="timePickerFormat"
               actions
+              :use-seconds="useSeconds"
             >
             </v-time-picker>
           </v-tab-item>
@@ -63,8 +64,8 @@
 import moment from 'moment'
 
 const DEFAULT_DATE_FORMAT = 'YYYY-MM-DD'
-const DEFAULT_TIME_FORMAT = 'HH:mm'
-const DEFAULT_TIME = '00:00'
+const DEFAULT_TIME_FORMAT = 'HH:mm:ss'
+const DEFAULT_TIME = '00:00:00'
 
 export default {
   name: 'v-datetime-picker',
@@ -134,6 +135,10 @@ export default {
     },
     prependIcon: {
       type: String
+    },
+    useSeconds: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -188,7 +193,7 @@ export default {
         const input = moment(this.selectedDatetime)
           .hour(time.hour())
           .minute(time.minute())
-          .second(0)
+          .second(time.second())
         this.selectedDatetime = input.toDate()
       }
     },