```coffeescript
Gather.Views.Work.JobFormView = Backbone.View.extend

  initialize: (options) ->

  events:
    'cocoon:after-insert': 'shiftInserted'

  shiftInserted: (event, inserted) ->
    @initDatePickers(inserted)

  initDatePickers: (inserted) ->
    $(inserted).find(".datetimepicker").datetimepicker()
```

Set picker format based on times
user
```coffeescript
Gather.Views.Work.JobFormView = Backbone.View.extend

  initialize: (options) ->
    @formatFields()

  events:
    'cocoon:after-insert': 'shiftInserted'
    'change #work_job_times': 'formatFields'

  formatFields: ->
    dateFormat = I18n.t('datepicker.pformat')
    timeFormat = I18n.t('timepicker.pformat')
    times = @$('#work_job_times').val()
    switch times
      when 'date_time' then @setPickerFormat("#{dateFormat} #{timeFormat}")
      when 'date_only', 'full_period' then @setPickerFormat(dateFormat)

  shiftInserted: (event, inserted) ->
    @initDatePickers(inserted)

  initDatePickers: (inserted) ->
    @$(inserted).find('.datetimepicker').datetimepicker()

  setPickerFormat: (format) ->
    @shiftDatePickers().map (picker) ->
      $(this).data('DateTimePicker').format(format)

  shiftDatePickers: ->
    @$('#shift-table .datetimepicker')
```
assistant